Fixed share page. Updated data tables to be responsive.

This commit is contained in:
Mike Cao 2023-10-12 16:13:14 -07:00
parent 92d16d8937
commit c18daf4845
17 changed files with 69 additions and 54 deletions

View file

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