diff options
| author | soryu <soryu@soryu.co> | 2025-11-16 18:58:01 +0000 |
|---|---|---|
| committer | soryu <soryu@soryu.co> | 2025-11-16 18:58:01 +0000 |
| commit | 909bf052149f4cf9b522238a2a2ea327f73c85d4 (patch) | |
| tree | 87e9deff94ef0429eba3478b5deed20148541595 | |
| parent | 1de00a8df0b32b92d5a344b7ee8e76f2d887128f (diff) | |
| download | soryu-909bf052149f4cf9b522238a2a2ea327f73c85d4.tar.gz soryu-909bf052149f4cf9b522238a2a2ea327f73c85d4.zip | |
Refine manga masthead and issue badge; switch volume indicator to small red glowing heart
| -rw-r--r-- | frontend/src/components/LandingPage.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/styles/pc98.css | 25 |
2 files changed, 26 insertions, 1 deletions
diff --git a/frontend/src/components/LandingPage.tsx b/frontend/src/components/LandingPage.tsx index 0489794..9c262be 100644 --- a/frontend/src/components/LandingPage.tsx +++ b/frontend/src/components/LandingPage.tsx @@ -155,7 +155,7 @@ export function LandingPage({ onLogin }: LandingPageProps) { <span className="jp">そりゅう</span> <span className="en">SORYU</span> </div> - <div className="issue-badge">かはいい Vol.01</div> + <div className="issue-badge"><span className="led-heart" aria-hidden="true"></span>かはいい Vol.01</div> </div> {/* Empty hero area to preserve grid; background sits behind */} diff --git a/frontend/src/styles/pc98.css b/frontend/src/styles/pc98.css index 83e4e29..a736009 100644 --- a/frontend/src/styles/pc98.css +++ b/frontend/src/styles/pc98.css @@ -695,6 +695,31 @@ button:focus-visible { } .modern-landing-page.manga-style .issue-badge::after { content: none; } +/* Replace square LED with a glowing heart indicator */ +.modern-landing-page.manga-style .issue-badge::before { content: none; } +.modern-landing-page.manga-style .issue-badge .led-heart { + width: 8px; + height: 8px; + background: #ff4d4d; + display: inline-block; + margin-right: 6px; + transform: rotate(-45deg); + position: relative; + box-shadow: 0 0 6px rgba(255, 77, 77, 0.9); +} +.modern-landing-page.manga-style .issue-badge .led-heart::before, +.modern-landing-page.manga-style .issue-badge .led-heart::after { + content: ''; + position: absolute; + width: 8px; + height: 8px; + background: #ff4d4d; + border-radius: 50%; + box-shadow: 0 0 6px rgba(255, 77, 77, 0.9); +} +.modern-landing-page.manga-style .issue-badge .led-heart::before { top: -4px; left: 0; } +.modern-landing-page.manga-style .issue-badge .led-heart::after { left: 4px; top: 0; } + /* Floating Header Bar */ .floating-header { position: fixed; |