diff --git a/apps/dashboard/dashboard.html b/apps/dashboard/dashboard.html index 71f3ee0..25842da 100644 --- a/apps/dashboard/dashboard.html +++ b/apps/dashboard/dashboard.html @@ -341,7 +341,8 @@ .service-grid, .quick-grid { display: grid; - gap: 12px; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; } .stats-grid { @@ -761,6 +762,10 @@ grid-template-columns: 1fr 1fr; } + .quick-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .status-stack { grid-template-columns: 1fr; } @@ -793,6 +798,45 @@ grid-template-columns: 1fr; } } + + /* Quick Access Tiles */ + .quick-tile { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 8px; + padding: 18px 10px 14px; + border-radius: 8px; + border: 1px solid rgba(0, 220, 140, 0.12); + background: rgba(4, 12, 10, 0.6); + text-decoration: none; + color: inherit; + font-family: var(--font-mono); + font-size: 0.72rem; + letter-spacing: 0.06em; + text-transform: uppercase; + text-align: center; + transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease; + cursor: pointer; + } + + .quick-tile:hover { + background: rgba(0, 220, 140, 0.09); + border-color: rgba(0, 220, 140, 0.35); + transform: translateY(-1px); + } + + .quick-tile-icon { + font-size: 1.5rem; + line-height: 1; + } + + .quick-tile-label { + color: var(--text-dim); + font-size: 0.68rem; + letter-spacing: 0.08em; + }
@@ -1097,7 +1141,7 @@DNS filtering · Disk integrity
+DNS filtering · Disk integrity