Fixed share page. Updated data tables to be responsive.
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
.menu {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
min-width: 640px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
padding: 10px;
|
||||
background: var(--base50);
|
||||
z-index: var(--z-index-popup);
|
||||
@@ -14,7 +13,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
min-width: calc(100% / 3);
|
||||
min-width: 200px;
|
||||
border-radius: 5px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
@@ -32,3 +31,15 @@
|
||||
.icon {
|
||||
color: var(--primary400);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 992px) {
|
||||
.menu {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.menu {
|
||||
transform: translateX(40px);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user