some mobile
This commit is contained in:
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user