diff --git a/static/hub.css b/static/hub.css index 3891137..9f8d2db 100644 --- a/static/hub.css +++ b/static/hub.css @@ -83,13 +83,18 @@ body.page-desk .main { margin: 0; padding: 10px 12px 14px; } -/* 实例页:最大 1800;小于 1800 时按可用宽度铺满 */ +/* 实例页主区:随屏宽;带鱼屏上限 1800 */ body.page-instances .main { - max-width: 1800px; + max-width: none; width: 100%; margin: 0 auto; padding: 12px clamp(12px, 2vw, 28px) 20px; } +@media (min-aspect-ratio: 21/9) { + body.page-instances .main { + max-width: 1800px; + } +} body.page-login { min-height: 100vh; } @@ -391,10 +396,19 @@ button, .btn { width: 0; height: 0; } +/* 盖过 .settings-shell 的 920 限制;带鱼屏卡片铺满 1800 */ +.settings-shell.inst-shell, .inst-shell { - max-width: none; + max-width: none !important; width: 100%; } +@media (min-aspect-ratio: 21/9) { + .settings-shell.inst-shell, + .inst-shell { + max-width: 1800px !important; + width: 100%; + } +} .inst-add-panel { display: none; border-bottom: 1px solid rgba(56, 189, 248, 0.12); @@ -497,23 +511,20 @@ button, .btn { display: block; } .inst-pill { - display: inline-flex; - align-items: center; - padding: 2px 8px; - border-radius: 999px; - font-size: 0.72rem; + display: inline; + padding: 0; + border: 0; + border-radius: 0; + background: none; + font-size: 0.86rem; font-weight: 600; letter-spacing: 0.02em; } .inst-pill--on { color: #86efac; - background: rgba(22, 101, 52, 0.35); - border: 1px solid rgba(74, 222, 128, 0.35); } .inst-pill--off { color: #fda4af; - background: rgba(127, 29, 29, 0.35); - border: 1px solid rgba(251, 113, 133, 0.35); } .inst-card-actions { display: flex; diff --git a/templates/base.html b/templates/base.html index c20ec57..6a42c34 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,7 +4,7 @@ {% block title %}期权中控{% endblock %} - + {% if session.get('logged_in') %}