feat(gateway): update UI layout
This commit is contained in:
parent
d4747d7dfc
commit
9dea812a47
1 changed files with 3 additions and 3 deletions
|
|
@ -26,15 +26,15 @@
|
||||||
.sidebar-footer a:hover { color: #f87171; }
|
.sidebar-footer a:hover { color: #f87171; }
|
||||||
|
|
||||||
/* Main content */
|
/* Main content */
|
||||||
.main { flex: 1; margin-left: 220px; padding: 24px; min-height: 100vh; }
|
.main { flex: 1; margin-left: 220px; padding: 24px; min-height: 100vh; max-width: calc(100vw - 220px); overflow-x: hidden; }
|
||||||
|
|
||||||
/* Cards & tables */
|
/* Cards & tables */
|
||||||
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 24px; }
|
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 24px; max-width: 100%; }
|
||||||
.card { background: #1e293b; border-radius: 8px; padding: 16px; }
|
.card { background: #1e293b; border-radius: 8px; padding: 16px; }
|
||||||
.card .label { font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; }
|
.card .label { font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; }
|
||||||
.card .value { font-size: 1.5rem; font-weight: 700; margin-top: 4px; }
|
.card .value { font-size: 1.5rem; font-weight: 700; margin-top: 4px; }
|
||||||
.card .sub { font-size: 0.75rem; color: #64748b; margin-top: 2px; }
|
.card .sub { font-size: 0.75rem; color: #64748b; margin-top: 2px; }
|
||||||
.section { background: #1e293b; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
|
.section { background: #1e293b; border-radius: 8px; padding: 16px; margin-bottom: 16px; overflow-x: auto; }
|
||||||
.section h2 { font-size: 1.1rem; margin-bottom: 12px; color: #cbd5e1; }
|
.section h2 { font-size: 1.1rem; margin-bottom: 12px; color: #cbd5e1; }
|
||||||
.tabs { display: flex; gap: 8px; margin-bottom: 16px; }
|
.tabs { display: flex; gap: 8px; margin-bottom: 16px; }
|
||||||
.tabs button { background: #1e293b; border: 1px solid #334155; color: #94a3b8; padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 0.8rem; }
|
.tabs button { background: #1e293b; border: 1px solid #334155; color: #94a3b8; padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 0.8rem; }
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue