From f5879834053449473501bd0d99236677c5c69cca Mon Sep 17 00:00:00 2001
From: FTCHD <far@fetched>
Date: Tue, 28 Jan 2025 13:24:06 +0200
Subject: [PATCH] styling and tailwind cleanup

---
 index.html          | 17 +----------------
 src/pages/Copy.tsx  |  2 +-
 src/pages/Jobs.tsx  |  6 +++---
 src/pages/Mount.tsx |  2 +-
 src/pages/Sync.tsx  |  2 +-
 5 files changed, 7 insertions(+), 22 deletions(-)

diff --git a/index.html b/index.html
index 3072edd..7960232 100644
--- a/index.html
+++ b/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>
diff --git a/src/pages/Copy.tsx b/src/pages/Copy.tsx
index 7b1a89f..27a8e1f 100644
--- a/src/pages/Copy.tsx
+++ b/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 */}
diff --git a/src/pages/Jobs.tsx b/src/pages/Jobs.tsx
index c6a8698..2267595 100644
--- a/src/pages/Jobs.tsx
+++ b/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>
diff --git a/src/pages/Mount.tsx b/src/pages/Mount.tsx
index ab852d2..36f03e2 100644
--- a/src/pages/Mount.tsx
+++ b/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 */}
diff --git a/src/pages/Sync.tsx b/src/pages/Sync.tsx
index 36afb99..7e23292 100644
--- a/src/pages/Sync.tsx
+++ b/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 */}