feat: add mobile view for all the tables

Signed-off-by: waterplea <alexander@inkin.ru>
This commit is contained in:
waterplea
2024-06-03 15:10:49 +05:00
parent 206c185a3b
commit 6234391229
15 changed files with 964 additions and 627 deletions

View File

@@ -89,6 +89,40 @@ hr {
}
}
tui-root._mobile .g-table {
min-width: 0;
thead {
display: none;
}
tbody {
display: flex;
flex-direction: column;
gap: 1rem;
}
tr {
display: grid;
border-radius: var(--tui-radius-l);
padding: 0.75rem 1rem;
// TODO: Theme
background: rgba(0, 0, 0, 0.2);
}
td,
th {
height: auto;
min-height: 2rem;
align-content: center;
box-shadow: none;
&:not([tuiFade]) {
overflow: hidden;
}
}
}
.g-title {
display: flex;
align-items: center;
@@ -127,6 +161,8 @@ hr {
a.g-action,
button.g-action {
cursor: pointer;
&:disabled {
pointer-events: none;
opacity: var(--tui-disabled-opacity);