diff --git a/frontend/index.html b/frontend/index.html index 000d86a..d030aef 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -239,29 +239,26 @@
-
-
- -
- 无活动会话 - 选择目标并连接 -
-
-
-
延迟--
-
时长00:00
-
主机密钥--
-
-
-
+
+ +
+ 无活动会话 + 选择目标并连接 +
+
+
+
延迟--
+
时长00:00
+
主机密钥--
+
diff --git a/frontend/src/style.css b/frontend/src/style.css index 79f5b2d..0efd0b2 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -858,8 +858,7 @@ button:disabled { display: grid; min-width: 0; min-height: 0; - grid-template-rows: auto minmax(0, 1fr); - gap: 14px; + grid-template-rows: minmax(0, 1fr); overflow: hidden; padding: 18px; background: @@ -867,21 +866,12 @@ button:disabled { var(--bg); } -.session-strip { - display: flex; - min-width: 0; - align-items: center; - justify-content: space-between; - gap: 18px; - padding: 11px 14px; - border: 1px solid var(--border); - border-radius: 11px; - background: var(--surface); -} - .session-target { + display: flex; + align-items: center; + flex: 1 1 auto; min-width: 0; - gap: 11px; + gap: 10px; } .session-target > div { @@ -897,18 +887,20 @@ button:disabled { } .session-target strong { - margin-bottom: 3px; + margin-bottom: 2px; + color: #c5d2db; font-size: 12px; } .session-target span { - color: var(--muted); + color: #6f818d; font-family: var(--mono); font-size: 9px; } .session-metrics { display: flex; + flex: 0 0 auto; align-items: center; gap: 4px; } @@ -916,7 +908,7 @@ button:disabled { .session-metrics > div { min-width: 82px; padding: 0 10px; - border-left: 1px solid var(--border-soft); + border-left: 1px solid #1c2932; } .session-metrics span, @@ -927,8 +919,8 @@ button:disabled { } .session-metrics span { - margin-bottom: 3px; - color: var(--muted-2); + margin-bottom: 2px; + color: #5e707d; font-size: 7px; font-weight: 700; letter-spacing: 0.08em; @@ -936,7 +928,7 @@ button:disabled { .session-metrics strong { overflow: hidden; - color: var(--muted); + color: #8799a5; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; @@ -955,10 +947,9 @@ button:disabled { } .terminal-toolbar { - display: grid; - grid-template-columns: 74px 1fr; + display: flex; align-items: center; - gap: 10px; + gap: 12px; padding: 0 11px; border-bottom: 1px solid #1c2932; background: #101820; @@ -967,6 +958,7 @@ button:disabled { .window-controls { display: flex; + flex: 0 0 auto; gap: 6px; } @@ -986,8 +978,9 @@ button:disabled { } .terminal-actions { + display: flex; + flex: 0 0 auto; gap: 5px; - justify-self: end; } .terminal-actions .toolbar-button { @@ -1375,14 +1368,9 @@ button:disabled { .workspace { height: 100%; - gap: 8px; padding: 8px; } - .session-strip { - padding: 9px 10px; - } - .session-metrics > div { display: none; } @@ -1396,10 +1384,6 @@ button:disabled { border-radius: 9px; } - .terminal-toolbar { - grid-template-columns: 34px minmax(0, 1fr) auto; - } - .window-controls i { width: 7px; height: 7px;