bug fix 1

src/style.css

@@ -6,3 +6,31 @@
 body {
     @apply bg-gray-50 text-zinc-900 dark:bg-zinc-950 dark:text-gray-100 transition-colors duration-300;
 }
+
+/* Scrollbar Styling */
+/* Webkit (Chrome, Safari, Edge, Tauri) */
+
+/* Light Mode Scrollbar */
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+::-webkit-scrollbar-track {
+    @apply bg-transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    @apply bg-gray-300 rounded-full border-4 border-solid border-transparent bg-clip-content hover:bg-gray-400;
+}
+
+/* Dark Mode Scrollbar */
+.dark ::-webkit-scrollbar-thumb {
+    @apply bg-zinc-700 hover:bg-zinc-600;
+}
+
+/* Make the thumb thicker on hover if desired, but consistent look is better */
+/* Corner */
+::-webkit-scrollbar-corner {
+    @apply bg-transparent;
+}

src/views/History.vue

@@ -36,13 +36,11 @@ async function clearHistory() {
 }
 
 async function deleteItem(id: string) {
-    if(confirm('Delete this history record? (File will not be deleted)')) {
-        try {
-            await invoke('delete_history_item', { id })
-            history.value = history.value.filter(h => h.id !== id)
-        } catch (e) {
-            console.error(e)
-        }
+    try {
+        await invoke('delete_history_item', { id })
+        history.value = history.value.filter(h => h.id !== id)
+    } catch (e) {
+        console.error(e)
     }
 }
 
@@ -138,4 +136,4 @@ onMounted(loadHistory)
         </div>
     </div>
   </div>
-</template>
+</template>