mirror of
https://github.com/haexhub/haex-hub.git
synced 2025-12-16 14:10:52 +01:00
81 lines
1.9 KiB
Vue
81 lines
1.9 KiB
Vue
<template>
|
|
<div class="flex flex-col w-full h-full overflow-hidden">
|
|
<UPageHeader
|
|
as="header"
|
|
:ui="{
|
|
root: [
|
|
'bg-default border-b border-accented sticky top-0 z-50 py-0 px-8',
|
|
],
|
|
wrapper: [
|
|
'pt-6 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4',
|
|
],
|
|
}"
|
|
>
|
|
<template #title>
|
|
<div class="flex items-center">
|
|
<UiLogoHaexhub class="size-12 shrink-0" />
|
|
|
|
<NuxtLinkLocale
|
|
class="link text-base-content link-neutral text-xl font-semibold no-underline flex items-center"
|
|
:to="{ name: 'desktop' }"
|
|
>
|
|
<UiTextGradient class="text-nowrap">
|
|
{{ currentVaultName }}
|
|
</UiTextGradient>
|
|
</NuxtLinkLocale>
|
|
</div>
|
|
</template>
|
|
|
|
<template #links>
|
|
<UButton
|
|
color="neutral"
|
|
variant="outline"
|
|
:block="isSmallScreen"
|
|
@click="isOverviewMode = !isOverviewMode"
|
|
>
|
|
<template #leading>
|
|
<UIcon name="i-heroicons-squares-2x2" />
|
|
</template>
|
|
Workspaces
|
|
</UButton>
|
|
<HaexExtensionLauncher :block="isSmallScreen" />
|
|
<UiDropdownVault :block="isSmallScreen" />
|
|
</template>
|
|
</UPageHeader>
|
|
|
|
<main class="flex-1 overflow-hidden bg-elevated">
|
|
<NuxtPage />
|
|
</main>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { currentVaultName } = storeToRefs(useVaultStore())
|
|
|
|
const { isSmallScreen } = storeToRefs(useUiStore())
|
|
|
|
const { isOverviewMode } = storeToRefs(useWorkspaceStore())
|
|
</script>
|
|
|
|
<i18n lang="yaml">
|
|
de:
|
|
vault:
|
|
close: Vault schließen
|
|
|
|
sidebar:
|
|
close: Sidebar ausblenden
|
|
show: Sidebar anzeigen
|
|
|
|
search:
|
|
label: Suche
|
|
en:
|
|
vault:
|
|
close: Close vault
|
|
sidebar:
|
|
close: close sidebar
|
|
show: show sidebar
|
|
|
|
search:
|
|
label: Search
|
|
</i18n>
|