From c891f7e6f15df9488a2be6db97e8057057d2f653 Mon Sep 17 00:00:00 2001 From: host Date: Sun, 9 Aug 2026 22:14:11 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D1=84=D0=B0=D0=B9=D0=BB=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/styles.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 643ee46..ee3a943 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -55,7 +55,8 @@ a:hover { color: var(--accent-hover); } .main { flex: 1; min-width: 0; background: var(--bg); } .container { max-width: 1200px; width: 100%; margin: 0 auto; padding: 40px 32px 80px; } .page-title { margin: 0 0 6px; color: var(--text); font-size: 28px; font-weight: 600; } -.dashboard-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 28px; } +.dashboard-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; } +.dashboard-actions { display: flex; gap: 10px; } .card, .stat-card, .instance-card, .empty-state { background: var(--surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); } .card { padding: 24px; } @@ -131,4 +132,4 @@ table.data-table td { border-bottom: 1px solid var(--border-soft); } table.data- .metric { display: inline-flex; align-items: center; gap: 8px; color: var(--text); }.metric-bar { width: 70px; height: 6px; background: var(--surface-2); border-radius: 3px; overflow: hidden; } .template-results { display: grid; gap: 24px; margin-top: 18px; }.template-results h4 { color: var(--text); margin: 0 0 10px; }.template-form { margin: 24px 0 32px; }.template-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.muted { color: var(--text-muted); } -@media (max-width: 768px) { .shell { flex-direction: column; }.sidebar { width: 100%; min-height: auto; position: relative; flex-direction: row; overflow-x: auto; }.sidebar-brand { display: none; }.sidebar-nav { flex-direction: row; }.sidebar-footer { flex-direction: row; border-top: 0; }.container { padding: 24px 20px 64px; }.form-row, .template-form-grid { grid-template-columns: 1fr; }.instance-grid { grid-template-columns: 1fr; }.page-title { font-size: 22px; } .type-tabs { grid-template-columns: 1fr; } } +@media (max-width: 768px) { .shell { flex-direction: column; }.sidebar { width: 100%; min-height: auto; position: relative; flex-direction: row; overflow-x: auto; }.sidebar-brand { display: none; }.sidebar-nav { flex-direction: row; }.sidebar-footer { flex-direction: row; border-top: 0; }.container { padding: 24px 20px 64px; }.form-row, .template-form-grid { grid-template-columns: 1fr; }.instance-grid { grid-template-columns: 1fr; }.page-title { font-size: 22px; } .type-tabs { grid-template-columns: 1fr; } .dashboard-actions { width: 100%; } .dashboard-actions .btn { flex: 1; } }