实例卡片带鱼屏铺满 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;
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;
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<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') %}