mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-14 00:16:42 +00:00
fix(ui): scroll backup tables on mobile and use icon actions
Keep backup schedule grids full-width with horizontal scroll instead of hiding columns, and replace volume backup execution Download/Delete buttons with compact icon actions.
This commit is contained in:
1 parent
fb8af10089
commit
bbb46eca59
5 files changed
+34
-26
No files matched your search
+1
-18
@@ -2234,6 +2234,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
|
||||
.backup-table-grid {
|
||||
grid-template-columns: minmax(10rem, 1.7fr) 6rem minmax(7rem, 0.8fr) 7.5rem 6.5rem minmax(8rem, 1fr) 5rem;
|
||||
min-width: 50rem;
|
||||
}
|
||||
|
||||
/* Persistent storage volumes: Name | Source | Destination | [PR suffix] | Backup | [Actions] */
|
||||
@@ -2468,16 +2469,6 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.backup-table-grid {
|
||||
grid-template-columns: minmax(10rem, 1.5fr) 6rem 7.5rem 6.5rem;
|
||||
}
|
||||
|
||||
.backup-table-grid > :nth-child(3),
|
||||
.backup-table-grid > :nth-child(6),
|
||||
.backup-table-grid > :nth-child(7) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team-members-table-grid {
|
||||
grid-template-columns: minmax(0, 1fr) 7rem 7rem;
|
||||
}
|
||||
@@ -2529,14 +2520,6 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.backup-table-grid {
|
||||
grid-template-columns: minmax(0, 1fr) 7.5rem 6.5rem;
|
||||
}
|
||||
|
||||
.backup-table-grid > :nth-child(2) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team-members-table-grid {
|
||||
grid-template-columns: minmax(0, 1fr) 6.5rem;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user