add new instance button (#6918)

This commit is contained in:
Prospector
2026-07-29 12:43:17 +00:00
committed by GitHub
parent cc804625ec
commit 0ea47ad7ef
+18 -10
View File
@@ -42,16 +42,24 @@ onUnmounted(() => {
<template> <template>
<div class="p-6 flex flex-col gap-3"> <div class="p-6 flex flex-col gap-3">
<h1 class="m-0 text-2xl hidden">Library</h1> <h1 class="m-0 text-2xl hidden">Library</h1>
<NavTabs <div class="flex items-center justify-between gap-3">
:links="[ <NavTabs
{ label: 'All instances', href: `/library` }, :links="[
{ label: 'Modpacks', href: `/library/modpacks` }, { label: 'All instances', href: `/library` },
{ label: 'Servers', href: `/library/servers` }, { label: 'Modpacks', href: `/library/modpacks` },
{ label: 'Custom', href: `/library/custom` }, { label: 'Servers', href: `/library/servers` },
{ label: 'Shared with me', href: `/library/shared`, shown: false }, { label: 'Custom', href: `/library/custom` },
{ label: 'Saved', href: `/library/saved`, shown: false }, { label: 'Shared with me', href: `/library/shared`, shown: false },
]" { label: 'Saved', href: `/library/saved`, shown: false },
/> ]"
/>
<ButtonStyled color="brand">
<button :disabled="offline" @click="showCreationModal?.()">
<PlusIcon />
New instance
</button>
</ButtonStyled>
</div>
<template v-if="instances && instances.length > 0"> <template v-if="instances && instances.length > 0">
<RouterView v-if="route.path.startsWith('/library')" :instances="instances" /> <RouterView v-if="route.path.startsWith('/library')" :instances="instances" />
</template> </template>