From aeefde761a4f51e4023a216cc05c05f49fa724da Mon Sep 17 00:00:00 2001
From: Triston <tarmstrong95@proton.me>
Date: Wed, 24 Apr 2024 18:15:57 -0400
Subject: [PATCH] style: add widths and heights to various components

---
 src/App.tsx    | 13 +++++++------
 src/styles.css | 10 +++++-----
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 7175343..93ce06d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
 import { useEffect } from "kaioken"
 import { useStorage } from "./hooks/storageStores"
 import { useStationsStore } from "./hooks/stationStores"
-import { MusicPlayer, Popular, LocalRadio, RecommendedRadio, Navigation } from "./components"
+import { Popular, Navigation } from "./components"
 
 export function App() {
   const { getStationsFile } = useStorage()
@@ -32,14 +32,15 @@ export function App() {
 
 
       {/* Right Section __________*/}
-      <div className="flex-1 min-h-[98vh] max-h-[98vh] flex h-0 p-2">
+      <div className="flex-1 min-h-[98vh] max-h-[98vh] flex h-0 p-2 min-w-0">
         <div className="bg-gray-200 w-full border rounded-xl p-4 flex-col flex gap-4">
-          <MusicPlayer />
+          {/*<MusicPlayer />*/}
           <Popular />
           {/* Bottom Section __________*/}
-          <div id="bottom" className="flex-1 rounded-xl flex flex-row gap-4">
-            <LocalRadio />
-            <RecommendedRadio />
+
+          <div id="bottom" className="flex-1 rounded-xl flex flex-row gap-4 bg-white">
+            {/*<LocalRadio />*/}
+            {/*<RecommendedRadio />*/}
           </div>
         </div>
       </div>
diff --git a/src/styles.css b/src/styles.css
index 6f74517..ce9c071 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -13,12 +13,12 @@
 }
 
 html,
-body {
+body,
+#root {
   margin: 0 !important;
-}
-
-body {
-  @apply flex flex-col;
+  overlay: hidden;
+  max-width: 100vw;
+  max-height: 100vh;
 }
 
 .paper {