some mobile

This commit is contained in:
Vladimir Voronin
2024-10-25 01:15:27 +03:00
parent bfa1500b99
commit aed83364a4
9 changed files with 171 additions and 17 deletions

View File

@@ -1,11 +1,12 @@
<template>
<div id="app" class="flex flex-col h-screen bg-gray-100">
<div id="app" class="flex flex-col h-screen bg-gray-100 gap-4">
<!-- MenuBar всегда фиксирован сверху -->
<MenuBar class="w-full fixed top-0 z-10"/>
<MenuBar class="w-full sticky invisible lg:visible top-0 z-10"/>
<ToolBar class=" fixed visible lg:invisible bottom-0 z-10"/>
<!-- Контентная часть заполняет оставшееся пространство -->
<div class="flex-grow mt-16 ">
<div class="flex-grow ">
<router-view class="w-full h-full "/>
</div>
@@ -16,6 +17,7 @@
<script setup lang="ts">
import MenuBar from "./components/MenuBar.vue";
import OverlayView from "@/components/OverlayView.vue";
import ToolBar from "@/components/ToolBar.vue";
// @Options({
// components: {