feat(header): add smart sticky scroll animation and styling refinements

- Implement RAF-throttled smart sticky scroll interaction on app header
- Add flow-root BFC isolation, vertical margin, and mobile menu scroll container
- Update brand logo kicker hover color to primary accent (cobalt-dark)
- Fix theme script hydration warning with suppressHydrationWarning
- Add favicon.ico and icon.svg to resolve root /favicon.ico 404
- Add MAM orchestration guidelines, env generation script, and templates
This commit is contained in:
2026-08-21 10:51:26 +09:00
parent a838af4b94
commit 1470806e06
10 changed files with 424 additions and 8 deletions
+13
View File
@@ -172,6 +172,14 @@ body {
.draw-underline:hover {
background-size: 100% 2px;
}
/* Mobile menu scroll container for low-height / landscape viewports (F4) */
.mobile-menu-panel {
max-height: calc(100vh - 6rem); /* Fallback: browsers without dvh support */
max-height: calc(100dvh - 6rem); /* Modern: dynamic viewport height */
overflow-y: auto;
overscroll-behavior: contain; /* Prevent chaining scroll to main page */
}
}
/* ==================================================================
@@ -217,6 +225,11 @@ body {
[class*="animate-"] {
animation: none !important;
}
/* 스마트 스티키: 모션 줄임 사용자에게는 항상 펼친 상태 유지 */
header[data-smart-sticky] {
transform: none !important;
transition: none !important;
}
html {
scroll-behavior: auto;
}