From d08bc2bcda247692e8871bf35af5df87c12c11a3 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Mon, 23 Sep 2024 17:05:39 +0200
Subject: Cleanup slider positioning

---
 app/components/Slider.tsx |  2 +-
 app/globals.css           | 15 ---------------
 2 files changed, 1 insertion(+), 16 deletions(-)

(limited to 'app')

diff --git a/app/components/Slider.tsx b/app/components/Slider.tsx
index 330206f..c137320 100644
--- a/app/components/Slider.tsx
+++ b/app/components/Slider.tsx
@@ -34,7 +34,7 @@ export function Slider({ playback, slider, setSlider }: GeshemSliderProps) {
   }
 
   return (
-    <div id="slider">
+    <div id="slider" className="fixed bottom-16 w-9/12 sm:w-1/3 left-0 right-0 pr-5 mx-auto">
       <CustomSlider
         min={0}
         max={playback ? PLAYBACK_SLOTS : 9}
diff --git a/app/globals.css b/app/globals.css
index 3024a0c..ac3a76c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -24,19 +24,4 @@ body {
   .text-balance {
     text-wrap: balance;
   }
-}
-
-#slider {
-  position: fixed;
-  bottom: 8vh;
-  width: 30vw;
-  margin-left: 35vw;
-}
-
-@media only screen and (max-device-width: 812px) {
-  #slider {
-    width: 80vw;
-    margin-left: 8vw;
-    z-index: 10;
-  }
 }
\ No newline at end of file
-- 
cgit v1.3.1