From ce874a4dee20bb2ea938dd1ac19d7e3fbe5f9429 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Sun, 23 Nov 2025 23:52:19 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=AB=E6=98=AF=E5=BE=B7=E5=9B=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/index.css | 31 ++++++++++++++++++++++++++----- 1 file changed, 26 insertions(+), 5 deletions(-) diff --git a/css/index.css b/css/index.css index f2af1cb..5c60d2c 100644 --- a/css/index.css +++ b/css/index.css @@ -80,6 +80,22 @@ Header 右侧导航重新设计 ============================================ */ +/* nav-header 确保高度 */ +#index .nav-header { + max-width: var(--container-max-width); + margin: 0 auto; + padding: 0 var(--container-padding-x); + display: flex; + align-items: stretch; + height: 70px; +} + +#index .nav-header .nav-left { + display: flex; + align-items: center; + flex: 1; +} + /* nav-right 布局 */ #index .nav-right { display: flex; @@ -113,24 +129,24 @@ user-select: none; } -/* 登录注册容器 */ +/* 登录注册容器 - 修复为 inline flex */ #index .no-login { - display: flex; + display: inline-flex; align-items: stretch; height: 100%; - margin-left: 0; } /* 注册文字链接 */ #index .no-login .nav-text-link { - padding-right: 20px; + padding: 0 16px; + display: flex; + align-items: center; } /* 登录按钮包装器 - 与 header 等高 */ #index .login-btn-wrapper { display: flex; align-items: stretch; - margin-left: 20px; border-left: 1px solid rgba(148, 163, 184, 0.15); } @@ -194,6 +210,7 @@ transition: all 0.3s ease; position: relative; border-left: 1px solid rgba(148, 163, 184, 0.15); + height: 100%; } #index .login-in:hover { @@ -222,6 +239,10 @@ /* 响应式适配 */ @media (max-width: 768px) { + #index .nav-header { + height: 60px; + } + #index .nav-right .nav-text-link { padding: 0 12px; font-size: 13px;