实例卡片带鱼屏铺满 1800,修复被 settings-shell 920 限制;启用状态去掉圆圈。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-10-04 08:05:43 +08:00
parent 5e7f1050a0
commit fab49f8911
2 changed files with 24 additions and 13 deletions
+23 -12
View File
@@ -83,13 +83,18 @@ body.page-desk .main {
margin: 0; margin: 0;
padding: 10px 12px 14px; padding: 10px 12px 14px;
} }
/* 实例页:最大 1800;小于 1800 时按可用宽度铺满 */ /* 实例页主区:随屏宽;带鱼屏上限 1800 */
body.page-instances .main { body.page-instances .main {
max-width: 1800px; max-width: none;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 12px clamp(12px, 2vw, 28px) 20px; padding: 12px clamp(12px, 2vw, 28px) 20px;
} }
@media (min-aspect-ratio: 21/9) {
body.page-instances .main {
max-width: 1800px;
}
}
body.page-login { body.page-login {
min-height: 100vh; min-height: 100vh;
} }
@@ -391,10 +396,19 @@ button, .btn {
width: 0; width: 0;
height: 0; height: 0;
} }
/* 盖过 .settings-shell 的 920 限制;带鱼屏卡片铺满 1800 */
.settings-shell.inst-shell,
.inst-shell { .inst-shell {
max-width: none; max-width: none !important;
width: 100%; width: 100%;
} }
@media (min-aspect-ratio: 21/9) {
.settings-shell.inst-shell,
.inst-shell {
max-width: 1800px !important;
width: 100%;
}
}
.inst-add-panel { .inst-add-panel {
display: none; display: none;
border-bottom: 1px solid rgba(56, 189, 248, 0.12); border-bottom: 1px solid rgba(56, 189, 248, 0.12);
@@ -497,23 +511,20 @@ button, .btn {
display: block; display: block;
} }
.inst-pill { .inst-pill {
display: inline-flex; display: inline;
align-items: center; padding: 0;
padding: 2px 8px; border: 0;
border-radius: 999px; border-radius: 0;
font-size: 0.72rem; background: none;
font-size: 0.86rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
.inst-pill--on { .inst-pill--on {
color: #86efac; color: #86efac;
background: rgba(22, 101, 52, 0.35);
border: 1px solid rgba(74, 222, 128, 0.35);
} }
.inst-pill--off { .inst-pill--off {
color: #fda4af; color: #fda4af;
background: rgba(127, 29, 29, 0.35);
border: 1px solid rgba(251, 113, 133, 0.35);
} }
.inst-card-actions { .inst-card-actions {
display: flex; display: flex;
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}期权中控{% endblock %}</title> <title>{% block title %}期权中控{% endblock %}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=14"> <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=15">
</head> </head>
<body class="{% if request.path.startswith('/login') %}page-login{% elif request.path.startswith('/desk') %}page-desk{% elif request.path.startswith('/stats') %}page-stats{% elif request.path.startswith('/instances') %}page-instances{% elif request.path == '/' %}page-dashboard{% endif %}"> <body class="{% if request.path.startswith('/login') %}page-login{% elif request.path.startswith('/desk') %}page-desk{% elif request.path.startswith('/stats') %}page-stats{% elif request.path.startswith('/instances') %}page-instances{% elif request.path == '/' %}page-dashboard{% endif %}">
{% if session.get('logged_in') %} {% if session.get('logged_in') %}