styling and tailwind cleanup

index.html

@@ -5,24 +5,9 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Rclone UI</title>
-    <style>
-      #drag-region {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        /* pointer-events: none; */
-		pointer-events: auto;
-      }
-      /* #drag-region.draggable {
-        pointer-events: auto;
-      } */
-    </style>
   </head>
 
-  <body class="min-h-screen">
-    <!-- <div id="drag-region" data-tauri-drag-region></div> -->
+  <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

src/pages/Copy.tsx

@@ -134,7 +134,7 @@ export default function Copy() {
     }, [isLoading, jsonError, source, dest])
 
     return (
-        <div className="flex flex-col min-h-screen gap-10 pt-10">
+        <div className="flex flex-col h-screen gap-10 pt-10">
             {/* Main Content */}
             <div className="flex flex-col flex-1 w-full max-w-xl gap-6 mx-auto">
                 {/* Paths Display */}

src/pages/Jobs.tsx

@@ -55,7 +55,7 @@ export default function Jobs() {
 
     if (isInitialLoad) {
         return (
-            <div className="flex flex-col items-center justify-center min-h-screen">
+            <div className="flex flex-col items-center justify-center h-screen">
                 <Spinner size="lg" />
             </div>
         )
@@ -63,14 +63,14 @@ export default function Jobs() {
 
     if (jobs.active.length === 0 && jobs.inactive.length === 0) {
         return (
-            <div className="flex flex-col items-center justify-center min-h-screen">
+            <div className="flex flex-col items-center justify-center h-screen">
                 <h1 className="text-2xl font-bold">No jobs found</h1>
             </div>
         )
     }
 
     return (
-        <div className="flex flex-col overflow-scroll">
+        <div className="flex flex-col h-screen overflow-scroll">
             {jobs.active.map((job) => (
                 <Card key={job.id} radius="none">
                     <CardHeader>

src/pages/Mount.tsx

@@ -157,7 +157,7 @@ export default function Mount() {
     }, [isLoading, jsonError, source, dest, isMounted])
 
     return (
-        <div className="flex flex-col min-h-screen gap-10 pt-10">
+        <div className="flex flex-col h-screen gap-10 pt-10">
             {/* Main Content */}
             <div className="flex flex-col flex-1 w-full max-w-xl gap-6 mx-auto">
                 {/* Paths Display */}

src/pages/Sync.tsx

@@ -119,7 +119,7 @@ export default function Sync() {
     }, [isLoading, jsonError, source, dest])
 
     return (
-        <div className="flex flex-col min-h-screen gap-10 pt-10">
+        <div className="flex flex-col h-screen gap-10 pt-10">
             {/* Main Content */}
             <div className="flex flex-col flex-1 w-full max-w-xl gap-6 mx-auto">
                 {/* Paths Display */}