24 lines
524 B
Vue
24 lines
524 B
Vue
|
<template>
|
||
|
|
<n-layout>
|
||
|
|
<n-layout-header class="py-[18.5px] px-[36px]" bordered>
|
||
|
|
<nuxt-link class="brand-header" to="/">
|
||
|
|
<brand-header />
|
||
|
|
</nuxt-link>
|
||
|
|
</n-layout-header>
|
||
|
|
<n-layout-content class="h-[calc(100vh-70px)]" content-style="padding: 24px">
|
||
|
|
<slot />
|
||
|
|
</n-layout-content>
|
||
|
|
</n-layout>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { NLayout, NLayoutHeader, NLayoutContent } from "naive-ui";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.brand-header {
|
||
|
|
all: unset;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
</style>
|