From d8e3e8cf13b83e2ea90abed8b83364730630eaf4 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Thu, 4 Jun 2026 00:16:34 -0700
Subject: feat: volume slider for regular media player

---
 src/components/YTPlayer/index.styled.ts | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'src/components/YTPlayer')

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;
+`;
-- 
cgit v1.2.3