实例卡片带鱼屏铺满 1800,修复被 settings-shell 920 限制;启用状态去掉圆圈。
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+23
-12
@@ -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
@@ -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') %}
|
||||||
|
|||||||
Reference in New Issue
Block a user