Cleanup slider positioningv7

2 files changed, 1 insertions, 16 deletions

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