From 7025338226e6342a7b14360619553eb3c7409b83 Mon Sep 17 00:00:00 2001 From: shangfangjian Date: Mon, 21 Sep 2026 00:38:06 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=E6=B4=BB=E8=B7=83Tab?= =?UTF-8?q?=E4=B8=8B=E5=88=92=E7=BA=BF=E6=B8=90=E5=8F=98=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 删除 .nav-tab-active CSS 及 ::after 伪元素 - 移除 NavLink 中的 nav-tab-active 类名 - 活跃Tab仅保留左侧彩色竖条 + 背景高亮 Co-Authored-By: new-provider/LongCat-2.0 <> ) --- frontend/src/admin/AdminLayout.tsx | 4 ++-- frontend/src/index.css | 19 ------------------- 2 files changed, 2 insertions(+), 21 deletions(-) diff --git a/frontend/src/admin/AdminLayout.tsx b/frontend/src/admin/AdminLayout.tsx index 19fbe6b..f7db131 100644 --- a/frontend/src/admin/AdminLayout.tsx +++ b/frontend/src/admin/AdminLayout.tsx @@ -227,9 +227,9 @@ export default function AdminLayout() { to="/admin" end className={({ isActive }) => - `flex min-h-[40px] items-center gap-2.5 border-l-4 px-3 pb-1 text-sm transition-all duration-300 ${ + `flex min-h-[40px] items-center gap-2.5 border-l-4 px-3 text-sm transition-all duration-300 ${ isActive - ? 'border-press bg-press-wash/60 font-medium text-press nav-tab-active' + ? 'border-press bg-press-wash/60 font-medium text-press' : 'border-transparent text-ink-500 hover:bg-paper-100 hover:text-ink-900' }` } diff --git a/frontend/src/index.css b/frontend/src/index.css index a960d2e..9ac347c 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -16,25 +16,6 @@ text-shadow: 0.5px 0.5px 0 currentColor; } -/* 活跃Tab下划线渐变动画 */ -.nav-tab-active { - position: relative; -} -.nav-tab-active::after { - content: ''; - position: absolute; - bottom: 0; - left: 50%; - width: 0; - height: 2px; - background: linear-gradient(90deg, transparent, #17140F, transparent); - transition: all 0.3s ease; - transform: translateX(-50%); -} -.nav-tab-active::after { - width: 80%; -} - /* 页面内容横向轻扫+淡入 */ .page-content-enter { animation: pageSlideIn 0.3s ease-out;