kate522
20a5ae9aae
Close dead zone under 发布 (transparent bridge + ::before plate), fix VIP cards hidden by wrong .navbar-vip.hover-show selector, keep CTA 34px.
110 lines
2.1 KiB
CSS
110 lines
2.1 KiB
CSS
/* Responsive Mega Menu */
|
|
@media (max-width: 767px) {
|
|
ul.nav-desktop .mega-menu-item > .mega-menu__panel {
|
|
position: static;
|
|
transform: none;
|
|
width: 100%;
|
|
max-width: none;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mega-menu__columns-2,
|
|
.mega-menu__columns-3,
|
|
.mega-menu__columns-4,
|
|
.mega-menu__columns-5 {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
/* ============================================================
|
|
* Right actions (icons + auth)
|
|
* ============================================================ */
|
|
.nav-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
flex-shrink: 0;
|
|
margin-left: auto;
|
|
overflow: visible;
|
|
position: relative;
|
|
z-index: 25;
|
|
}
|
|
|
|
.nav-settings-link,
|
|
.nav-publish-btn {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.nav-settings-link svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.nav-publish-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
height: 36px;
|
|
padding: 0 14px;
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.nav-publish-btn i {
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.theme-toggle.is-animating svg {
|
|
transform: rotate(360deg);
|
|
}
|
|
|
|
/* ============================================================
|
|
* Auth buttons (in nav, when logged out)
|
|
* ============================================================ */
|
|
.nav-auth {
|
|
display: none;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
/* btn-outline / btn-primary 复用 core/buttons.css 的定义，
|
|
* 这里仅做导航专用调整（高度对齐、字体） */
|
|
.nav-auth .btn-outline,
|
|
.nav-auth .btn-primary {
|
|
height: 36px;
|
|
font-size: 0.875rem;
|
|
padding: 0 16px;
|
|
}
|
|
|
|
/* Auth dropdown variant (layouts 1/3) — icon trigger + panel */
|
|
.nav-auth-dropdown {
|
|
position: relative;
|
|
display: none;
|
|
align-items: center;
|
|
}
|
|
|
|
.nav-auth-dropdown__trigger {
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
|
|
.nav-auth-dropdown__trigger svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.nav-auth-dropdown__panel {
|
|
display: none;
|
|
position: absolute;
|
|
top: calc(100% + 8px);
|
|
right: 0;
|
|
min-width: 180px;
|
|
z-index: 1100;
|
|
}
|
|
|
|
.nav-auth-dropdown.is-open .nav-auth-dropdown__panel {
|
|
display: block;
|
|
}
|
|
|