06/02 Optimize app
This commit is contained in:
+13
-3
@@ -165,12 +165,22 @@
|
||||
.pcard { padding: 14px; }
|
||||
.stat-card { padding: 14px 16px; }
|
||||
.stat-card .stat-value { font-size: 20px; }
|
||||
/* Tables: scroll horizontally on small screens.
|
||||
Targets both manual .table-wrap and the common .pcard.p-0 pattern. */
|
||||
/* Tables: scroll horizontally on small screens */
|
||||
.table-wrap, .pcard.p-0 { overflow-x: auto; -webkit-overflow-scrolling: touch; }
|
||||
.pfm-table { min-width: 560px; }
|
||||
.pfm-table { min-width: 580px; }
|
||||
/* Hide low-priority columns */
|
||||
.d-mob-none { display: none !important; }
|
||||
/* Topbar title: truncate so action buttons always fit */
|
||||
.tb-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
|
||||
/* Flash: stretch full width */
|
||||
.flash-wrap { left: 8px; right: 8px; max-width: none; }
|
||||
}
|
||||
/* Extra-small screens: hide button label text, keep icons */
|
||||
@media (max-width: 575px) {
|
||||
#main { padding: 10px; }
|
||||
.pcard { padding: 12px; }
|
||||
.btn-label { display: none; }
|
||||
.tb-right .btn { padding-left: 8px; padding-right: 8px; }
|
||||
}
|
||||
.sb-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 1039; }
|
||||
.sb-overlay.on { display: block; }
|
||||
|
||||
Reference in New Issue
Block a user