diff options
Diffstat (limited to 'src/components/YTPlayer/index.styled.ts')
| -rw-r--r-- | src/components/YTPlayer/index.styled.ts | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/YTPlayer/index.styled.ts b/src/components/YTPlayer/index.styled.ts index 3c98f1e..c437b9c 100644 --- a/src/components/YTPlayer/index.styled.ts +++ b/src/components/YTPlayer/index.styled.ts @@ -37,3 +37,25 @@ export const TimeStamp = styled.p` font-size: 0.7rem; color: var(--cl-gray-5); `; + +export const VolumeControl = styled.div` + display: flex; + flex-direction: column; + align-items: center; + gap: 4px; + width: 100%; + max-width: 240px; + margin: 12px auto 0; +`; + +export const VolumeLabel = styled.label` + font-family: "Roboto Mono", monospace; + font-size: 0.75rem; + color: var(--cl-gray-5); +`; + +export const VolumeSlider = styled.input` + width: 100%; + accent-color: ${({ theme }) => theme.green}; + cursor: pointer; +`; |