<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>
