feat: 优化编辑器 UI 和文件名显示,支持全屏编辑模式

This commit is contained in:
2026-01-04 18:21:19 +08:00
parent 5fd33745b3
commit 5496c776df
4 changed files with 32 additions and 14 deletions

View File

@@ -1,8 +1,8 @@
<template>
<div class="min-h-screen flex flex-col bg-slate-50">
<TopNavbar />
<main class="flex-grow pt-16">
<div class="mx-auto flex gap-8 h-full" :class="isFullWidth ? 'max-w-none px-0' : 'max-w-screen-xl py-8'">
<div class="flex flex-col bg-slate-50" :class="isFullWidth ? 'h-screen overflow-hidden' : 'min-h-screen'">
<TopNavbar v-if="!isFullWidth" />
<main class="flex-grow flex flex-col min-h-0" :class="!isFullWidth ? 'pt-16' : ''">
<div class="mx-auto flex gap-8 w-full min-h-0 flex-grow" :class="isFullWidth ? 'max-w-none px-0' : 'max-w-screen-xl py-8'">
<!-- Creator Sidebar (Dark Theme) -->
<aside class="w-[280px] flex-shrink-0 hidden lg:block" v-if="!isFullWidth">
<div
@@ -66,12 +66,12 @@
</aside>
<!-- Main Content -->
<div class="flex-grow min-w-0">
<div class="flex-grow min-w-0 h-full">
<router-view />
</div>
</div>
</main>
<AppFooter />
<AppFooter v-if="!isFullWidth" />
</div>
</template>