added built in styles, reduce visuals and inline drawer

This commit is contained in:
booploops 2022-04-11 18:10:57 -07:00
parent b62bf9023c
commit 9eb1b408c9
6 changed files with 166 additions and 16 deletions

View file

@ -0,0 +1,41 @@
&:not(.modular-fs) {
.app-drawer {
border-radius: 0px;
top : 0;
right : 0;
height : 100%;
box-shadow : unset;
border-left : 1px solid var(--color2);
background : var(--color1);
margin-right : 0px;
position : relative;
}
.drawertransition-enter-active,
.drawertransition-leave-active {
transition: margin .25s var(--appleEase), opacity .25s var(--appleEase);
}
.drawertransition-enter,
.drawertransition-leave-to {
margin-right: -300px;
}
@media screen and (max-width: 1120px) {
.app-drawer {
margin-right: 0px;
position : absolute;
}
.drawertransition-enter-active,
.drawertransition-leave-active {
transition: right .25s var(--appleEase), opacity .25s var(--appleEase);
}
.drawertransition-enter,
.drawertransition-leave-to {
right: -300px;
}
}
}