diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-08-03 17:37:22 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-08-03 17:40:15 -0700 |
| commit | b37a7ffc5b19f7330050970ebac7f949a89812a2 (patch) | |
| tree | a7c194528273721902874c9e71f3245934c0168d /src/components/Result/index.styled.ts | |
| parent | 1f52e962086856ddd6981139e2d4aca20201e9cb (diff) | |
feat: group streaks
- maintain completion streaks as a group
- join via a provided code, streaks increment when you guess correctly
Diffstat (limited to 'src/components/Result/index.styled.ts')
| -rw-r--r-- | src/components/Result/index.styled.ts | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/components/Result/index.styled.ts b/src/components/Result/index.styled.ts index 3b2d33d..9b502f7 100644 --- a/src/components/Result/index.styled.ts +++ b/src/components/Result/index.styled.ts @@ -36,3 +36,36 @@ export const TimeToNext = styled.h4` color: var(--cl-gray-6); margin-top: 16px; `; + +export const GroupStatus = styled.div` + margin-top: 14px; + padding: 10px 12px; + border: 1px solid var(--cl-gray-4); + border-radius: 6px; + width: 100%; + max-width: 560px; +`; + +export const GroupHeading = styled.h4` + font-family: "Roboto Mono", monospace; + font-size: 0.85rem; + font-weight: 700; + color: var(--cl-white); + margin: 0 0 6px 0; +`; + +export const GroupMeta = styled.p` + font-family: "Roboto Mono", monospace; + font-size: 0.8rem; + font-weight: 400; + color: var(--cl-gray-7); + margin: 0; + + strong { + color: var(--cl-green-6); + } + + & + & { + margin-top: 6px; + } +`; |