diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-06-02 17:18:08 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-06-02 17:18:08 -0700 |
| commit | a4e823682c16efc0fcdf8fb07ce32bfbb045cd84 (patch) | |
| tree | 943c001e951be8c727ce4ea75e4e08a97d668974 /src/components/Result/index.styled.ts | |
| parent | afbe1434a478cc00f4f84c03f0886edd7806d4e3 (diff) | |
fork and restyle, init scaffold for changes
Diffstat (limited to 'src/components/Result/index.styled.ts')
| -rw-r--r-- | src/components/Result/index.styled.ts | 41 |
1 files changed, 23 insertions, 18 deletions
diff --git a/src/components/Result/index.styled.ts b/src/components/Result/index.styled.ts index 21d471c..3b2d33d 100644 --- a/src/components/Result/index.styled.ts +++ b/src/components/Result/index.styled.ts @@ -1,33 +1,38 @@ import styled from "styled-components"; export const ResultTitle = styled.h1` - text-align: center; + font-family: "Roboto Mono", monospace; + font-size: 1.3rem; + font-weight: 700; + letter-spacing: 0.05em; + color: var(--cl-green-6); + margin-bottom: 8px; + @media (max-width: 768px) { - width: 100%; + font-size: 1rem; } `; export const Tries = styled.h4` - @media (max-width: 768px) { - text-align: center; - width: 100%; - } - - margin-top: 0; + font-family: "Roboto Mono", monospace; + font-size: 0.85rem; + font-weight: 400; + color: var(--cl-gray-8); + margin: 0 0 16px 0; `; export const SongTitle = styled.h3` - @media (max-width: 768px) { - text-align: center; - width: 100%; - } - - margin-top: 0; + font-family: "Roboto Mono", monospace; + font-size: 0.9rem; + font-weight: 600; + color: var(--cl-white); + margin: 0 0 4px 0; `; export const TimeToNext = styled.h4` - @media (max-width: 768px) { - text-align: center; - width: 100%; - } + font-family: "Roboto Mono", monospace; + font-size: 0.8rem; + font-weight: 400; + color: var(--cl-gray-6); + margin-top: 16px; `; |