init
This commit is contained in:
36
src/App.vue
Normal file
36
src/App.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<div id="app" class="flex flex-col h-screen bg-gray-100">
|
||||
<!-- MenuBar всегда фиксирован сверху -->
|
||||
<MenuBar class="w-full fixed top-0 z-10"/>
|
||||
|
||||
<!-- Контентная часть заполняет оставшееся пространство -->
|
||||
<div class="flex-grow mt-16 ">
|
||||
|
||||
<router-view class="w-full h-full "/>
|
||||
</div>
|
||||
<OverlayView/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import MenuBar from "./components/MenuBar.vue";
|
||||
import OverlayView from "@/components/OverlayView.vue";
|
||||
|
||||
|
||||
// @Options({
|
||||
// components: {
|
||||
// TransactionEditDrawer, SpeedDial,
|
||||
// MenuBar,
|
||||
// },
|
||||
// })
|
||||
// export default class App extends Vue {}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/* Пример настройки высоты для поддержки flexbox */
|
||||
#app {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user