| | |
| | | position: relative; |
| | | min-height: 100%; |
| | | width: 100%; |
| | | background: radial-gradient( |
| | | circle at 14% -8%, |
| | | rgba(59, 130, 246, 0.14), |
| | | transparent 36% |
| | | ), |
| | | radial-gradient( |
| | | circle at 88% -12%, |
| | | rgba(56, 189, 248, 0.1), |
| | | transparent 30% |
| | | ), |
| | | linear-gradient(165deg, #f3f7fc 0%, #eef5ff 56%, #f8fbff 100%); |
| | | background: var(--app-bg); |
| | | |
| | | &.mobile.openSidebar { |
| | | position: fixed; |
| | |
| | | } |
| | | |
| | | .drawer-bg { |
| | | background: rgba(15, 23, 42, 0.22); |
| | | background: rgba(0, 0, 0, 0.3); |
| | | width: 100%; |
| | | top: 0; |
| | | height: 100%; |
| | |
| | | transition: margin-left 0.25s ease; |
| | | display: flex; |
| | | flex-direction: column; |
| | | padding: 0; |
| | | } |
| | | |
| | | .fixed-header { |
| | |
| | | top: 0; |
| | | z-index: var(--layout-header-z); |
| | | width: 100%; |
| | | padding: 8px var(--content-gap) 8px; |
| | | padding: 0; |
| | | background: #fff; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 6px; |
| | | background: var(--app-bg, #f3f7fc); |
| | | gap: 2px; // 在 Navbar 和 TagsView 之间增加极小的空隙 |
| | | } |
| | | |
| | | .fixed-header.with-tags { |
| | | padding-bottom: 6px; |
| | | padding-bottom: 4px; // 底部留出一点距离,不要直接贴着主体内容 |
| | | } |
| | | |
| | | .hideSidebar .fixed-header { |