From 0629ca88c995ea7832fd63a599ccda5978f161c3 Mon Sep 17 00:00:00 2001
From: rehlert <post@rehlert.de>
Date: Fri, 12 Jun 2026 14:35:54 +0200
Subject: [PATCH] range settings

---
 .idea/workspace.xml     | 17 +++++++++++++----
 src/routes/+page.svelte | 41 ++++++++++++++++++-----------------------
 2 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index d430727..9444ab9 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -3,7 +3,7 @@
   <component name="ChangeListManager">
     <list default="true" id="89f9fc3a-63ad-41cb-8d25-f07df352eb98" name="Changes" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/zip-processing.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/zip-processing.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/+page.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -49,7 +49,7 @@
       <option name="presentableId" value="Default" />
       <updated>1781169139290</updated>
       <workItem from="1781169141138" duration="309000" />
-      <workItem from="1781251694220" duration="12340000" />
+      <workItem from="1781251694220" duration="14041000" />
     </task>
     <task id="LOCAL-00001" summary="adapts styling of rvg.legal">
       <option name="closed" value="true" />
@@ -115,7 +115,15 @@
       <option name="project" value="LOCAL" />
       <updated>1781264183729</updated>
     </task>
-    <option name="localTasksCounter" value="9" />
+    <task id="LOCAL-00009" summary="handles zips in zip correctly">
+      <option name="closed" value="true" />
+      <created>1781264568851</created>
+      <option name="number" value="00009" />
+      <option name="presentableId" value="LOCAL-00009" />
+      <option name="project" value="LOCAL" />
+      <updated>1781264568851</updated>
+    </task>
+    <option name="localTasksCounter" value="10" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -133,7 +141,8 @@
     <MESSAGE value="design anpassungen" />
     <MESSAGE value="renders thumbnails" />
     <MESSAGE value="ignores mac special folders" />
-    <option name="LAST_COMMIT_MESSAGE" value="ignores mac special folders" />
+    <MESSAGE value="handles zips in zip correctly" />
+    <option name="LAST_COMMIT_MESSAGE" value="handles zips in zip correctly" />
   </component>
   <component name="XDebuggerManager">
     <breakpoint-manager>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 42c6017..54aa1ea 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { onMount } from "svelte";
+    import {onMount} from "svelte";
     import Card from "$lib/components/Card.svelte";
     import ProcessedZipArchiveEditor from "$lib/components/ProcessedZipArchiveEditor.svelte";
     import ZipDropzone from "$lib/components/ZipDropzone.svelte";
-    import { extractZipArchives, type ProcessedZipArchive } from "$lib/zip-processing";
+    import {extractZipArchives, type ProcessedZipArchive} from "$lib/zip-processing";
 
     const THUMBNAIL_WIDTH_STORAGE_KEY = "thumbnailWidth";
 
@@ -67,29 +67,23 @@
 
 {#snippet content()}
     {#if selectedZipFiles.length === 0}
-        <ZipDropzone onFilesSelected={handleFilesSelected} />
+        <ZipDropzone onFilesSelected={handleFilesSelected}/>
     {:else}
         <div class="flex min-h-[calc(-180px+100vh)] w-full grow flex-col justify-center gap-4 px-4 py-6">
-            <div class="flex flex-row items-baseline justify-center gap-2">
-                <h2 class="h1 text-[20px] font-bold text-primary-900">ZIP-Dateien werden verarbeitet</h2>
-            </div>
-
             <div class="mx-auto flex w-full flex-col gap-3">
-                <div class="rounded-container bg-primary-50 px-4 py-3 text-[14px] font-medium text-primary-900">
-                    {#if pendingZipCount > 0}
+                {#if pendingZipCount > 0}
+                    <div class="rounded-container bg-primary-50 px-4 py-3 text-[14px] font-medium text-primary-900">
                         Noch {pendingZipCount} ZIP-Datei{pendingZipCount === 1 ? "" : "en"} in Bearbeitung.
-                    {:else}
-                        Alle ZIP-Dateien wurden verarbeitet.
-                    {/if}
-                </div>
+                    </div>
+                {/if}
 
                 {#if processedZipFiles.length > 0}
                     <div class="flex flex-col gap-4">
                         {#each processedZipFiles as file, index}
                             <ProcessedZipArchiveEditor
-                                archive={file}
-                                {thumbnailWidth}
-                                onArchiveChange={(updatedArchive) => updateProcessedZipFile(index, updatedArchive)}
+                                    archive={file}
+                                    {thumbnailWidth}
+                                    onArchiveChange={(updatedArchive) => updateProcessedZipFile(index, updatedArchive)}
                             />
                         {/each}
                     </div>
@@ -104,7 +98,8 @@
         <h1 class="h1 text-[20px] font-bold text-primary-900">beA-Edit</h1>
 
         <details class="relative">
-            <summary class="flex cursor-pointer list-none items-center rounded-md border border-primary-200 bg-white px-3 py-2 text-sm font-semibold text-primary-800 shadow-sm transition hover:border-primary-300 hover:bg-primary-50">
+            <summary
+                    class="flex cursor-pointer list-none items-center rounded-md border border-primary-200 bg-white px-3 py-2 text-sm font-semibold text-primary-800 shadow-sm transition hover:border-primary-300 hover:bg-primary-50">
                 <span class="sr-only">Settings</span>
                 <span>⚙️</span>
             </summary>
@@ -117,12 +112,12 @@
                     </div>
 
                     <input
-                        class="w-full accent-primary-700"
-                        type="range"
-                        min="100"
-                        max="400"
-                        step="1"
-                        bind:value={thumbnailWidth}
+                            class="w-full accent-primary-700"
+                            type="range"
+                            min="100"
+                            max="400"
+                            step="1"
+                            bind:value={thumbnailWidth}
                     />
                 </label>
             </div>