Fixed UI

Author: Amanmahe

src/components/BandPowerGraph.tsx

@@ -217,7 +217,7 @@ const Graph
   }, [animateGraph]);
 
   return (
-    <div ref={containerRef} className="w-full h-[300px] max-w-[700px]">
+    <div ref={containerRef} className="w-full h-full max-w-[700px]">
       <canvas ref={canvasRef} style={{ width: "100%", height: "100%" }} />
     </div>
   );

src/components/FFT.tsx

@@ -325,16 +325,16 @@ const FFT = forwardRef(
     }, [plotData]);
 
     return (
-      <div className="flex flex-col  gap-2 w-full h-full">
-        <main
-          className="flex flex-col flex-[1_1_0%] min-h-80 bg-highlight rounded-2xl m-4 relative"
-          ref={canvasContainerRef}
+<div className="flex flex-col gap-2 w-full h-full">
+<main
+    className="flex flex-col flex-[1_1_50%] h-1/2 bg-highlight rounded-2xl m-4 relative"
+    ref={canvasContainerRef}
         >
         </main>
 
         {/* Flex container for side-by-side layout */}
-        <div className="w-full flex flex-row justify-between items-center max-w-full h-[300px] gap-20">
-          {/* Canvas container (left side) */}
+        <div className="w-full flex flex-row justify-between items-center max-w-full h-1/2 gap-20">
+        {/* Canvas container (left side) */}
           <div ref={containerRef} className="flex-1 h-full">
             <canvas ref={canvasRef} className="w-full h-full" />
           </div>