From 31530fcb5b881d3ac83f202f0b2c913aba935b8b Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Sat, 23 Jul 2022 18:50:55 -0500
Subject: Reduced size of FileUploads buttons

---
 src/components/Card.svelte        |   2 +-
 src/components/FileUploads.svelte | 108 ++++++++++++++++++--------------------
 2 files changed, 53 insertions(+), 57 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Card.svelte b/src/components/Card.svelte
index 6b4b59e..4d1c8bb 100644
--- a/src/components/Card.svelte
+++ b/src/components/Card.svelte
@@ -3,7 +3,7 @@
     export let desc = "";
 </script>
 
-<div class="card bg-primary text-primary-content">
+<div class="card card-compact w-100 bg-primary text-primary-content">
     <div class="card-body">
         <h2 class="card-title">{title}</h2>
         <p>{desc}</p>
diff --git a/src/components/FileUploads.svelte b/src/components/FileUploads.svelte
index da3d255..b38961f 100644
--- a/src/components/FileUploads.svelte
+++ b/src/components/FileUploads.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-  let x: number | null;
-
   import { Label } from "@smui/button";
   import IconButton from "@smui/icon-button";
   import Snackbar, { Actions } from "@smui/snackbar";
@@ -16,8 +14,8 @@
   let ptSchedules: FileList | null;
   let labSchedule: FileList | null;
   let dbFile: FileList | null;
-  let snackbar;
-  let snackbarText;
+  let snackbar : Snackbar;
+  let snackbarText : Snackbar;
 
   $: {
     if (ptSchedules?.length) {
@@ -124,59 +122,57 @@
   }
 </script>
 
-<div class="flex flex-col items-center justify-center h-full ">
-  <div class="flex grid grid-cols-2 gap-6">
-    <Card
-      title="Peer Teacher"
-      desc="Upload one or more Peer Teacher schedule txt files"
-    >
-      <UploadButton
-        accept="text/plain"
-        multiple={true}
-        bind:files={ptSchedules}
-      />
-    </Card>
-
-    <Card
-      title="Labs"
-      desc="Upload one or more Labs as json file. Acquired from Howdy"
-    >
-      <UploadButton
-        color="btn-success"
-        accept="application/json"
-        multiple={true}
-        bind:files={labSchedule}
-      />
-    </Card>
-
-    <Card
-      title="Data Base"
-      desc="Upload the json database file to continue working"
-    >
-      <UploadButton
-        color="btn-info"
-        accept="application/json"
-        multiple={true}
-        bind:files={dbFile}
-      />
-    </Card>
-
-    <Card
-      title="Export DB"
-      desc="Download the json database file to save your work. Remember to save it on the cloud somewhere!"
-    >
-      <button class="btn btn-warning" on:click={exportDB}>Download</button>
-    </Card>
-
-    <Card
-      title="Export to Local Storage"
-      desc="Save current DB to local storage. Local storage db should only be used for testing purposes to avoid data anomalies"
+<div class="flex grid m-10 grid-cols-2 gap-2">
+  <Card
+    title="Peer Teacher"
+    desc="Upload one or more Peer Teacher schedule txt files"
+  >
+    <UploadButton
+      accept="text/plain"
+      multiple={true}
+      bind:files={ptSchedules}
+    />
+  </Card>
+
+  <Card
+    title="Labs"
+    desc="Upload one or more Labs as json file. Acquired from Howdy"
+  >
+    <UploadButton
+      color="btn-success"
+      accept="application/json"
+      multiple={true}
+      bind:files={labSchedule}
+    />
+  </Card>
+
+  <Card
+    title="Data Base"
+    desc="Upload the json database file to continue working"
+  >
+    <UploadButton
+      color="btn-info"
+      accept="application/json"
+      multiple={true}
+      bind:files={dbFile}
+    />
+  </Card>
+
+  <Card
+    title="Export DB"
+    desc="Download the json database file to save your work. Remember to save it on the cloud somewhere!"
+  >
+    <button class="btn btn-warning" on:click={exportDB}>Download</button>
+  </Card>
+
+  <Card
+    title="Export to Local Storage"
+    desc="Save current DB to local storage. Local storage db should only be used for testing purposes to avoid data anomalies"
+  >
+    <button class="btn btn-warning" on:click={exportDB2LocalStorage}
+      >LocalStorage</button
     >
-      <button class="btn btn-warning" on:click={exportDB2LocalStorage}
-        >LocalStorage</button
-      >
-    </Card>
-  </div>
+  </Card>
 </div>
 
 <!-- https://github.com/saadeghi/daisyui/issues/221 -->
-- 
cgit v1.2.3