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">
|
||||
import { RouterView } from 'vue-router';
|
||||
import { computed } from 'vue';
|
||||
import { RouterView, useRoute } from 'vue-router';
|
||||
import LayoutHeader from '@KTXC/layouts/header/LayoutHeader.vue';
|
||||
import { useLayoutStore } from '@KTXC/stores/layoutStore';
|
||||
import LayoutSystemMenu from '@KTXC/layouts/menus/LayoutSystemMenu.vue';
|
||||
@@ -7,6 +8,9 @@ import { useL10nStore } from '@KTXC/stores/l10nStore';
|
||||
|
||||
const layoutStore = useLayoutStore();
|
||||
const l10nStore = useL10nStore();
|
||||
const route = useRoute();
|
||||
|
||||
const isFixedLayout = computed(() => route.meta.layout === 'fixed');
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -15,7 +19,10 @@ const l10nStore = useL10nStore();
|
||||
<LayoutHeader />
|
||||
<LayoutSystemMenu />
|
||||
|
||||
<v-main class="page-wrapper">
|
||||
<v-main
|
||||
class="page-wrapper"
|
||||
:class="{ 'page-wrapper--fixed': isFixedLayout }"
|
||||
>
|
||||
<RouterView />
|
||||
</v-main>
|
||||
</v-app>
|
||||
@@ -24,7 +31,12 @@ const l10nStore = useL10nStore();
|
||||
|
||||
<style>
|
||||
.v-main.page-wrapper {
|
||||
height: calc(100vh - 64px) !important;
|
||||
height: 100dvh !important;
|
||||
min-height: 0;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
|
||||
.v-main.page-wrapper--fixed {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user