edit layout for small resolution screens
This commit is contained in:
@@ -10,6 +10,10 @@
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 4px 20px v.$shadow-1;
|
||||
|
||||
@media (max-width: 490px) {
|
||||
padding: 20px 20px;
|
||||
}
|
||||
|
||||
.header-action {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -60,6 +64,10 @@
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
min-width: 110px;
|
||||
|
||||
@media (max-width: 490px) {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.tokens-count {
|
||||
@@ -289,4 +297,15 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-burger-menu {
|
||||
display: none;
|
||||
margin-right: auto;
|
||||
cursor: pointer;
|
||||
color: v.$p-color;
|
||||
|
||||
@media (max-width: 767px) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user