diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-06-03 17:22:48 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-06-03 17:22:48 -0700 |
| commit | 14172f9dd64ce91ba5cf51f82c53deb6a81d68a6 (patch) | |
| tree | 5e12ce4e30ecaed9a2aac48d2959d99a4d8b4ef7 /src/components/Player/index.styled.ts | |
| parent | 818db3ef4aadf489dba5ba8ba4f3bb4e150f0b22 (diff) | |
create daily/unlimited mode, CDN audio file for daily mode
Diffstat (limited to 'src/components/Player/index.styled.ts')
| -rw-r--r-- | src/components/Player/index.styled.ts | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/src/components/Player/index.styled.ts b/src/components/Player/index.styled.ts deleted file mode 100644 index 3c98f1e..0000000 --- a/src/components/Player/index.styled.ts +++ /dev/null @@ -1,39 +0,0 @@ -import styled from "styled-components"; - -export const ProgressBackground = styled.div` - position: relative; - width: 100%; - height: 12px; - background-color: var(--cl-gray-2); - border: 1px solid ${({ theme }) => theme.border}; - margin: 24px 0 4px 0; -`; - -export const Progress = styled.div<{ value: number }>` - width: ${({ value }) => value * 6.25}%; - height: 100%; - background-color: ${({ theme }) => theme.green}; - transition: width 0.5s; -`; - -export const Separator = styled.div` - position: absolute; - top: 0; - width: 1px; - height: 100%; - background-color: ${({ theme }) => theme.border}; -`; - -export const TimeStamps = styled.div` - display: flex; - justify-content: space-between; - width: 100%; - margin-bottom: 12px; -`; - -export const TimeStamp = styled.p` - margin: 0; - font-family: "Roboto Mono", monospace; - font-size: 0.7rem; - color: var(--cl-gray-5); -`; |
