vibe2/gitea-pages
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compact nav (48px) with tinted backdrop-blur background

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Telecom 2026-05-21 22:12:09 +05:00
parent f0ddb107db
commit 1ded47c187
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@ -118,7 +118,7 @@ html {
body {
overflow-y: scroll;
scroll-snap-type: y mandatory;
scroll-padding-top: 64px; /* высота nav */
scroll-padding-top: 48px; /* высота nav */
}
/* PRESENTATION MODE: каждая секция = ровно 1 экран */
@ -150,13 +150,29 @@ section.section,
nav { max-width: 1280px; }
}
/* Sticky nav поверх слайдов */
/* Sticky nav поверх слайдов — компактный, с лёгким тинтом */
nav {
position: sticky !important;
top: 0 !important;
z-index: 100;
scroll-snap-align: none;
height: 48px !important;
background: rgba(236, 228, 210, 0.92) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 1px 0 var(--border);
border-bottom: 1px solid var(--border-strong) !important;
}
[data-theme="dark"] nav {
background: rgba(34, 29, 24, 0.92) !important;
}
nav .nav-inner { padding: 0 24px; }
.logo-text { font-size: 1rem !important; }
.logo-mark { font-size: 0.7rem !important; padding: 2px 6px !important; }
.nav-link { padding: 4px 10px !important; font-size: 0.7rem !important; }
.nav-cta { padding: 6px 14px !important; font-size: 0.75rem !important; }
.theme-toggle { width: 30px !important; height: 30px !important; }
.theme-toggle svg { width: 14px !important; height: 14px !important; }
/* ──────────────────────────────────────────────────────────
EDITORIAL / NYT REDESIGN — кремовый фон, serif, флэт