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