feat(frontend): mrpack button

modrinth · Oct 18, 2024 · 0efb2ec · 0efb2ec
1 parent 1415388
commit 0efb2ec
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/apps/frontend/src/pages/servers/manage/[id]/options/loader.vue b/apps/frontend/src/pages/servers/manage/[id]/options/loader.vue
@@ -121,7 +121,13 @@
             </div>
           </div>
         </div>
-        <Button v-else @click="editModal.show()"> Install modpack </Button>
+        <div v-else class="flex items-center gap-2">
+          <Button @click="editModal.show()">
+            <DownloadIcon class="size-4" /> Install modpack
+          </Button>
+          or
+          <Button> <UploadIcon class="size-4" /> Upload mrpack </Button>
+        </div>
       </div>
 
       <div class="card flex flex-col gap-4">
@@ -273,7 +279,7 @@
 
 <script setup lang="ts">
 import { DropdownSelect, Button, Modal } from "@modrinth/ui";
-import { ChevronRightIcon, EditIcon, XIcon } from "@modrinth/assets";
+import { ChevronRightIcon, DownloadIcon, EditIcon, XIcon, UploadIcon } from "@modrinth/assets";
 import type { Server } from "~/composables/pyroServers";
 
 const route = useNativeRoute();