fix(core): support fixed-height module layouts
Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { RouterView } from 'vue-router';
|
import { computed } from 'vue';
|
||||||
|
import { RouterView, useRoute } from 'vue-router';
|
||||||
import LayoutHeader from '@KTXC/layouts/header/LayoutHeader.vue';
|
import LayoutHeader from '@KTXC/layouts/header/LayoutHeader.vue';
|
||||||
import { useLayoutStore } from '@KTXC/stores/layoutStore';
|
import { useLayoutStore } from '@KTXC/stores/layoutStore';
|
||||||
import LayoutSystemMenu from '@KTXC/layouts/menus/LayoutSystemMenu.vue';
|
import LayoutSystemMenu from '@KTXC/layouts/menus/LayoutSystemMenu.vue';
|
||||||
@@ -7,6 +8,9 @@ import { useL10nStore } from '@KTXC/stores/l10nStore';
|
|||||||
|
|
||||||
const layoutStore = useLayoutStore();
|
const layoutStore = useLayoutStore();
|
||||||
const l10nStore = useL10nStore();
|
const l10nStore = useL10nStore();
|
||||||
|
const route = useRoute();
|
||||||
|
|
||||||
|
const isFixedLayout = computed(() => route.meta.layout === 'fixed');
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -15,7 +19,10 @@ const l10nStore = useL10nStore();
|
|||||||
<LayoutHeader />
|
<LayoutHeader />
|
||||||
<LayoutSystemMenu />
|
<LayoutSystemMenu />
|
||||||
|
|
||||||
<v-main class="page-wrapper">
|
<v-main
|
||||||
|
class="page-wrapper"
|
||||||
|
:class="{ 'page-wrapper--fixed': isFixedLayout }"
|
||||||
|
>
|
||||||
<RouterView />
|
<RouterView />
|
||||||
</v-main>
|
</v-main>
|
||||||
</v-app>
|
</v-app>
|
||||||
@@ -24,7 +31,12 @@ const l10nStore = useL10nStore();
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.v-main.page-wrapper {
|
.v-main.page-wrapper {
|
||||||
height: calc(100vh - 64px) !important;
|
height: 100dvh !important;
|
||||||
|
min-height: 0;
|
||||||
overflow-y: auto !important;
|
overflow-y: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.v-main.page-wrapper--fixed {
|
||||||
|
overflow: hidden !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user