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.
 
 
 

132 lines
2.6 KiB

.MuiDrawer-paperAnchorRight {
background: white;
&::-webkit-scrollbar {
display: none;
width: 0px;
}
}
.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 10px;
&__header {
height: 60px;
background-color: white;
width: 100%;
align-items: center;
padding: 0px 8px;
position: relative;
&--right {
margin-right: 10px;
& h1 {
margin-bottom: 0px;
font-size: calc(100vw / 22);
color: #4D4D4F;
letter-spacing: -1px;
}
& div {
color: #4D4D4F;
font-size: calc(100vw / 34);
letter-spacing: -1px;
}
}
&--dropdown{
position: absolute;
left: 10px;
top: 10px;
}
& 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: #4D4D4F;
letter-spacing: -1px;
}
& div {
color: #4D4D4F;
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: #cfcfcf;
font-size: 14px;
}
}
}
}
.navbar-drawer__bottom a {
width: 100%;
height: 100px;
color: #666;
text-decoration: none;
}
.navbar-drawer__bottom a:hover {
color: #666;
}
.navbar-drawer__bottom--link .navbar-drawer__bottom--link div {
font-size: 16px;
}