clearup

README.md

@@ -1,8 +1,6 @@
 ## The Minecraft modpack constructor in browser
 ### Powered by [Modrinth](https://modrinth.com/) 💡
 
-![Preview](https://modpack-constructor.vercel.app/preview-1.png)
-
 ### Goals
 
 - 🌐 **Web-Based**: Nothing to install
@@ -12,6 +10,9 @@
 - 🍉 **Fresh**: Automatically installs the latest versions of mods.
 - 🛠️ **Dependencies**: Dependencies are installed automatically.
 
+![Preview](https://modpack-constructor.vercel.app/preview-1.png)
+![Preview](https://modpack-constructor.vercel.app/preview-2.png)
+
 ### Stack
 
 - **Nuxt.js**:

widgets/ModPack/ui/DownloadModpack.vue

@@ -11,7 +11,7 @@ const { state, downloadModpack } = useDownloadModpack()
 
   <UModal v-model="state.isFetching" prevent-close :ui="{ background: 'bg-transparent shadow-none dark:bg-transparent' }">
     <UIcon class="mx-auto text-5xl text-sky mb-4" name="material-symbols:download-rounded" />
-    <UProgress indicator />
+    <UProgress />
     <p class="text-end mt-2 flex items-center gap-2 justify-end">
       {{ state.stage }} <UIcon name="mingcute:loading-3-line" class="animate-spin text-xl" />
     </p>

widgets/ModPack/ui/ModPack.vue

@@ -42,7 +42,7 @@ const modsByTab = computed(() => mods.value?.filter(mod => mod.project_type ===
 
       <div class="p-1">
         <UTooltip text="Remove all mods">
-          <UButton :icon="ICONS.TRASH" color="red" :loading="pending" @click="removeAllMods">
+          <UButton :icon="ICONS.TRASH" color="red" variant="outline" :loading="pending" @click="removeAllMods">
             Clear All
           </UButton>
         </UTooltip>