🍶

adabingw · adabingw · commit 330d75a8fda9 · 2024-05-01T08:42:29.000-04:00
diff --git a/client/gradolatrr_app/src/settings/Settings.svelte b/client/gradolatrr_app/src/settings/Settings.svelte
@@ -128,6 +128,11 @@
 </script>
 
 <div class="dashboard" style={`width: ${70-w}vw`}>
+    <!-- <Modal bind:showModal>
+        <h2 slot="header">
+        </h2>
+        &lbrace; &rbrace;
+    </Modal> -->
     <!-- <Modal bind:showModal>
         <div class="subheader">Select items to export (default all)</div>
         {#if info != undefined}
@@ -239,7 +244,9 @@
     <Button bind:text={exportText} icon={"fa-solid fa-arrow-right-from-bracket"} on:message={exportData}/>
 
     <p class="subheader">Import</p>
-    <p class="note">Import your grades <span> | See example file</span></p>
+    <p class="note">Import your grades <span> | 
+        <span on:click={() => {showModal = true;} } class="hover">See example file</span>
+    </span></p>
     <Button bind:text={importText} icon={"fa-solid fa-arrow-right-to-bracket"}  on:message={importData}/>
 
     <p class="subheader">Support</p>
@@ -265,7 +272,6 @@
             </div>
         </div>
     </div>
-
 </div>
 
 <style>
@@ -274,6 +280,10 @@ p {
     padding-bottom: 0px;
 }
 
+.hover:hover {
+    cursor: pointer;
+}
+
 .note {
     color: #717171;
     font-size: 15px;
