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 /frontend/src/styles | |
| 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
Diffstat (limited to 'frontend/src/styles')
| -rw-r--r-- | frontend/src/styles/pc98.css | 25 |
1 files changed, 25 insertions, 0 deletions
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; |