fix(core): support fixed-height module layouts

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
This commit is contained in:
2026-07-09 21:20:30 -04:00
parent 65d60008da
commit 9652fae814
+15 -3
View File
@@ -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>