30 lines
1.1 KiB
Vue
30 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import SettingsDialog from '~/components/Settings/Dialog.vue';
|
|
|
|
const { open: sidebarOpen, openSidebar } = useSidebar();
|
|
useKeyboardShortcuts();
|
|
</script>
|
|
|
|
<template>
|
|
<Sidenav />
|
|
<main
|
|
class="bg-[var(--color-neutral)] flex flex-col h-full w-full border border-solid border-[var(--color-highlight)] rounded-lg overflow-hidden">
|
|
<div class="h-14 flex items-center justify-between px-4">
|
|
<div class="flex items-center gap-2">
|
|
<button v-if="!sidebarOpen" @click="openSidebar"
|
|
class="flex p-2 rounded-lg text-[var(--color-text)] bg-transparent hover:bg-[var(--color-highlight)] transition-colors">
|
|
<Icon class="text-5" name="mynaui:panel-left-open" />
|
|
</button>
|
|
</div>
|
|
|
|
<!-- <div class="flex items-center gap-2">
|
|
<div id="primary-loader-target"></div>
|
|
</div> -->
|
|
</div>
|
|
<div class="flex-1 overflow-y-auto">
|
|
<slot />
|
|
</div>
|
|
</main>
|
|
<SettingsDialog />
|
|
</template>
|