diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-05-10 22:03:45 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-05-10 22:03:45 -0700 |
| commit | e41672da741b6ef9b37601bc84f97428d4b1f544 (patch) | |
| tree | bb0f396ca8fd31984e7e8084ff2fbc97320342ef /src/app/game/page.styles.ts | |
| parent | 8ff36e53b658d3b00b44128d1b8331297bd2e19f (diff) | |
type: add volume controls
Diffstat (limited to 'src/app/game/page.styles.ts')
| -rw-r--r-- | src/app/game/page.styles.ts | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/src/app/game/page.styles.ts b/src/app/game/page.styles.ts index a1c6cc8..d410339 100644 --- a/src/app/game/page.styles.ts +++ b/src/app/game/page.styles.ts @@ -427,6 +427,41 @@ export const OpacitySlider = styled.input` width: 100%; `; +export const PreviewWrap = styled.div` + width: 100%; + display: flex; + flex-direction: column; + gap: 8px; +`; + +export const PreviewBtn = styled.button` + width: 100%; + padding: 10px 16px; + border-radius: 10px; + border: 1px solid rgba(255, 255, 255, 0.2); + background: rgba(255, 255, 255, 0.08); + color: #ffffff; + font-size: 14px; + font-weight: 600; + cursor: pointer; + transition: all 0.15s; + + &:hover:not(:disabled) { + background: rgba(255, 255, 255, 0.16); + } + + &:disabled { + opacity: 0.45; + cursor: not-allowed; + } +`; + +export const PreviewHint = styled.div` + font-size: 11px; + color: rgba(255, 255, 255, 0.45); + text-align: center; +`; + export const CountdownNumber = styled.div` font-size: 72px; font-weight: 900; |