mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
45 lines
733 B
Vue
45 lines
733 B
Vue
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
import { mapStores } from 'pinia';
|
|
import { useUIStore } from '@/stores/ui.store';
|
|
|
|
export default defineComponent({
|
|
name: 'PageViewLayout',
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
};
|
|
},
|
|
computed: {
|
|
...mapStores(useUIStore),
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div :class="$style.wrapper">
|
|
<slot name="header" />
|
|
<main :class="$style.content">
|
|
<slot />
|
|
</main>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" module>
|
|
.wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
width: 100%;
|
|
max-width: 1280px;
|
|
box-sizing: border-box;
|
|
align-content: start;
|
|
padding: var(--spacing-l) var(--spacing-2xl) 0;
|
|
}
|
|
|
|
.content {
|
|
display: grid;
|
|
height: 100%;
|
|
}
|
|
</style>
|