diff options
| author | soryu <soryu@soryu.co> | 2025-12-03 18:43:51 +0000 |
|---|---|---|
| committer | soryu <soryu@soryu.co> | 2025-12-23 14:47:17 +0000 |
| commit | 1c0e171daf26a477dc6a2647718fe3897b65cc3f (patch) | |
| tree | 12f60bd5b2dcb793da134bce6f294ea37c8cf0a1 /frontend | |
| parent | d6b52bdcff50115cd0c8b88118984dd788ecb042 (diff) | |
| download | soryu-1c0e171daf26a477dc6a2647718fe3897b65cc3f.tar.gz soryu-1c0e171daf26a477dc6a2647718fe3897b65cc3f.zip | |
Lower CTA buttons to bottom on desktop
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/src/styles/pc98.css | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/frontend/src/styles/pc98.css b/frontend/src/styles/pc98.css index f4b9450..83b9c1e 100644 --- a/frontend/src/styles/pc98.css +++ b/frontend/src/styles/pc98.css @@ -1767,10 +1767,21 @@ button:focus-visible { padding: 40px 48px; } +/* Pin CTA bar on desktop so it doesn't shift when mission toggles */ +@media (min-width: 769px) { + .taisho-cover .cta-area { + position: absolute; + left: 0; + right: 0; + bottom: 0; + } +} + /* Mission mode adjusts spacing and masthead presence */ .taisho-cover.mission-mode .cover-content { - gap: 20px; - padding: 36px 44px; + /* Keep layout metrics identical so CTAs don't shift */ + gap: 28px; + padding: 40px 48px; } .taisho-cover.mission-mode .masthead-vertical { transform: translateX(-4px) scale(0.96); |