diff --git a/common/common.css b/common/common.css index 9d9312d..f819293 100644 --- a/common/common.css +++ b/common/common.css @@ -120,16 +120,19 @@ body { display: flex; align-items: center; height: 56px; - padding: 0 20px; + padding: 0 16px; + margin: 0 2px; font-size: 15px; cursor: pointer; - border-bottom: 2px solid transparent; - transition: color 0.2s ease; + border-bottom: none; + border-radius: 8px; + transition: color 0.2s ease, background 0.2s ease; } .nav-menu .nav-item:hover { color: #fff; - border-bottom: 2px solid rgba(59, 130, 246, 0.8); + background: rgba(255, 255, 255, 0.08); + border-bottom: none; } diff --git a/css/common.css b/css/common.css index a37ed2e..4c729b8 100644 --- a/css/common.css +++ b/css/common.css @@ -94,12 +94,14 @@ header:hover { /* 导航文字颜色 */ .nav-menu .nav-item { color: #E5E7EB; - border-bottom-color: transparent; + border-bottom: none; + border-radius: 8px; } .nav-menu .nav-item:hover { - color: #38BDF8; - border-bottom-color: #38BDF8; + color: #fff; + background: rgba(255, 255, 255, 0.08); + border-bottom: none; } .nav-right .control {