mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 20:14:49 +00:00
feat: add mobile view for all the tables
Signed-off-by: waterplea <alexander@inkin.ru>
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user