You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
157 lines
3.0 KiB
157 lines
3.0 KiB
.MuiDrawer-paperAnchorRight { |
|
background: rgb(28, 28, 28) !important; |
|
&::-webkit-scrollbar { |
|
display: none !important; |
|
width: 0px !important; |
|
} |
|
} |
|
.navbar-drawer { |
|
font-family: numeralLight; |
|
// background: linear-gradient(180deg, rgb(144, 73, 186) 0%, rgb(111,108,255) 22%) !important; |
|
text-align: right !important; |
|
direction: rtl; |
|
padding: 30px 0px 10px 0px; |
|
a { |
|
text-decoration: none; |
|
} |
|
&__header { |
|
height: 60px; |
|
width: 100%; |
|
align-items: center; |
|
padding: 0px 8px; |
|
position: relative; |
|
&--right { |
|
margin-right: 10px; |
|
& h1 { |
|
margin-bottom: 0px; |
|
font-size: 17px; |
|
color:white; |
|
letter-spacing: -1px; |
|
} |
|
& div { |
|
color: white; |
|
font-size: calc(100vw / 34); |
|
letter-spacing: -1px; |
|
} |
|
} |
|
&--dropdown { |
|
position: absolute; |
|
left: 0px; |
|
top: 10px; |
|
span { |
|
background-color: $green2; |
|
|
|
color: white; |
|
padding: 2px 4px; |
|
border-radius: 7px; |
|
font-size: 15px; |
|
} |
|
} |
|
& img { |
|
width: 100%; |
|
height: 100%; |
|
// position: relative; |
|
// bottom: 35px; |
|
} |
|
} |
|
&__dropdown { |
|
width: calc(100vw * 0.8); |
|
margin: 10px auto; |
|
.navbar-drawer-user { |
|
padding: 10px 10px; |
|
width: 100%; |
|
position: relative; |
|
&__right { |
|
margin-right: 10px; |
|
& h1 { |
|
margin-bottom: 0px; |
|
font-size: calc(100vw / 22); |
|
color: white; |
|
letter-spacing: -1px; |
|
} |
|
& div { |
|
color: white; |
|
font-size: calc(100vw / 34); |
|
letter-spacing: -1px; |
|
} |
|
} |
|
} |
|
} |
|
&__bottom { |
|
width: 100%; |
|
margin-top: 10px !important; |
|
&--link { |
|
width: 100%; |
|
align-items: center; |
|
padding: 15px 10px; |
|
position: relative; |
|
& img { |
|
width: 20px; |
|
height: 20px; |
|
margin-left: 20px; |
|
} |
|
& .badge { |
|
background-color: $red; |
|
margin: 5px; |
|
position: absolute; |
|
left: 5px; |
|
top: 12px; |
|
} |
|
} |
|
&--button { |
|
width: 100%; |
|
height: 100px; |
|
color: white; |
|
padding: 15px 10px; |
|
cursor: pointer; |
|
& img { |
|
width: 20px; |
|
height: 20px; |
|
margin-left: 20px; |
|
} |
|
} |
|
&--version { |
|
position: absolute; |
|
bottom: 5px; |
|
left: 0px; |
|
width: 100%; |
|
height: 32px; |
|
font-size: 14px; |
|
justify-content: center; |
|
align-items: center; |
|
& span { |
|
color: #ddd; |
|
font-size: 14px; |
|
} |
|
} |
|
} |
|
} |
|
|
|
.PrivateSwipeArea-root{ |
|
width: 0px !important; |
|
} |
|
|
|
.MuiPaper-root{ |
|
transition: all 0.5s !important; |
|
} |
|
|
|
.navbar-drawer__bottom a { |
|
width: 100%; |
|
height: 100px; |
|
color: rgb(255, 255, 255); |
|
text-decoration: none; |
|
} |
|
.navbar-drawer__bottom a:hover { |
|
color: rgb(248, 248, 248); |
|
} |
|
|
|
.navbar-drawer__bottom--link .navbar-drawer__bottom--link div { |
|
font-size: 16px; |
|
} |
|
|
|
|
|
@media screen and (max-width: 640px) { |
|
.navbar-drawer__bottom a { |
|
font-size: calc(100vw / 28); |
|
} |
|
} |