💄 quick style fix for shiny found button

funkyFangs · Oct 27, 2024 · e5b583c · e5b583c
1 parent 76a942b
commit e5b583c
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/lib/menu/tracker/view/ViewTrackers.svelte b/src/lib/menu/tracker/view/ViewTrackers.svelte
@@ -122,8 +122,10 @@
 
   function completeHunt(index: number, huntTracker: HuntTracker) {
     return () => {
-      huntTracker.complete = true
-      deleteTracker(index, huntTracker)()
+      if (confirm('Are you sure you want to finish your shiny hunt?')) {
+        huntTracker.complete = true
+        deleteTracker(index, huntTracker)()
+      }
     }
   }
 
@@ -230,7 +232,11 @@
 
         <TrackerCounter bind:huntTracker />
 
-        <button on:click={completeHunt(index, huntTracker)}>Shiny Found</button>
+        <div>
+          <button class="primary-button" on:click={completeHunt(index, huntTracker)}
+            >Shiny Found</button
+          >
+        </div>
       </div>
     {/each}
   {:else}
@@ -348,4 +354,9 @@
     font-weight: bold;
     font-size: 2em;
   }
+
+  .primary-button {
+    font-size: 1.5em;
+    font-weight: bold;
+  }
 </style>