LAR_Maintenance/resources/sass/admin/layout/_layout-nav-mobile.scss

53 lines
1.2 KiB
SCSS
Raw Normal View History

2024-07-30 16:13:21 +00:00
.layout-nav-mobile{
display: none;
}
@include media-breakpoint-down(lg) {
.layout-nav-mobile{
display: block;
position: fixed;
left: 0;
bottom: 0;
z-index: 90;
width: 100%;
flex-basis: 100%;
padding: .5rem;
padding-bottom: calc(.5rem + env(safe-area-inset-bottom, 0));
background: var(--bs-tertiary-bg);
border-top: 1px solid var(--bs-secondary-bg);
box-shadow: 0 0px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);
.app-nav{
flex-direction: row;
}
.app-nav > *:not(.nav-item-mobile) {
display: none;
}
.app-nav .nav-item-mobile{
flex-grow: 1;
}
.app-nav .nav-item-mobile .nav-link{
padding: .5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.app-nav .nav-item-mobile .nav-link-ico{
margin-right: 0;
margin-bottom: .25rem;
margin-top: .25rem;
}
.app-nav .nav-item-mobile .nav-link-content{
font-size: 10px;
line-height: 1;
opacity: .7;
}
}
}