diff --git a/lib/common/static/instance_theme.css b/lib/common/static/instance_theme.css index cef4fcd..0a86560 100644 --- a/lib/common/static/instance_theme.css +++ b/lib/common/static/instance_theme.css @@ -86,8 +86,13 @@ flex-wrap: wrap; } + .instance-header-toolbar-end { + width: 100%; + justify-content: flex-end; + } + .instance-header-theme { - align-self: flex-end; + align-self: auto; } .instance-header-stats { @@ -527,6 +532,7 @@ html[data-theme="light"] .theme-toggle-btn.is-active { /* ── 统一顶栏面板:状态/筛选 + 统计条 ── */ .instance-header-panel { + margin-top: 18px; margin-bottom: 12px; padding: 10px 14px; } @@ -535,6 +541,7 @@ html[data-theme="light"] .theme-toggle-btn.is-active { display: flex; flex-wrap: wrap; align-items: center; + justify-content: space-between; gap: 10px 14px; } @@ -556,6 +563,16 @@ html[data-theme="light"] .theme-toggle-btn.is-active { font-size: 0.82rem; } +.instance-header-toolbar-end { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + gap: 10px; + flex: 0 1 auto; + margin-left: auto; +} + .instance-header-toolbar-filter label { display: inline-flex; align-items: center; @@ -566,7 +583,6 @@ html[data-theme="light"] .theme-toggle-btn.is-active { .instance-header-theme { flex: 0 0 auto; - margin-left: auto; } .list-window-label { diff --git a/lib/instance/templates/embed_shell.html b/lib/instance/templates/embed_shell.html index c31ab92..bf6bf03 100644 --- a/lib/instance/templates/embed_shell.html +++ b/lib/instance/templates/embed_shell.html @@ -7,7 +7,7 @@ - +