From 3edff276f37e4fb8ee431177e9dbe7b8c81f696d Mon Sep 17 00:00:00 2001 From: kuaifan Date: Thu, 22 Oct 2026 03:05:27 +0000 Subject: [PATCH] =?UTF-8?q?style(dashboard):=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?= =?UTF-8?q?=E5=A4=B4=E9=83=A8=E6=A0=87=E9=A2=98=E4=B8=8E=E5=8F=B3=E4=BE=A7?= =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=90=8C=E8=A1=8C=EF=BC=8C=E5=89=AF=E6=A0=87?= =?UTF-8?q?=E9=A2=98=E7=8B=AC=E5=8D=A0=E4=B8=80=E8=A1=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../assets/sass/pages/page-dashboard.scss | 22 +++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) diff --git a/resources/assets/sass/pages/page-dashboard.scss b/resources/assets/sass/pages/page-dashboard.scss index aa53a9e53..2c5b735dd 100644 --- a/resources/assets/sass/pages/page-dashboard.scss +++ b/resources/assets/sass/pages/page-dashboard.scss @@ -1927,19 +1927,33 @@ body.window-portrait { gap: 16px; } + // 标题与右侧图标同一行,副标题、服务器时间各自独占整行 .dashboard-header { + display: grid; + grid-template-columns: minmax(0, 1fr) auto; + align-items: center; + column-gap: 14px; + row-gap: 12px; + .header-left { - // 右侧只剩图标按钮,取消最小宽度避免窄屏时右侧换行 - min-width: 0; + // 拆开容器,让子元素直接参与外层网格布局 + display: contents; .header-hello { + grid-column: 1; + grid-row: 1; font-size: 20px; } + + .header-sub, + .header-servertime { + grid-column: 1 / -1; + } } .header-right { - // 只占图标实际宽度,余下空间留给标题 - flex: none; + grid-column: 2; + grid-row: 1; gap: 8px; // 与右侧切换器等高对齐