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

.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);
}
}