From 660a48118fc84608e34ef287824a6f6d85189a43 Mon Sep 17 00:00:00 2001 From: tianyaxiang <tianyaxiang@qq.com> Date: Wed, 29 Jan 2025 20:25:34 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=96=87=E7=AB=A0=E5=88=97?= =?UTF-8?q?=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/wechat/page.tsx | 6 +++--- src/components/editor/WechatEditor.tsx | 10 +++++----- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/app/wechat/page.tsx b/src/app/wechat/page.tsx index b28f6fc..032b849 100644 --- a/src/app/wechat/page.tsx +++ b/src/app/wechat/page.tsx @@ -10,8 +10,8 @@ import { ThemeToggle } from '@/components/theme/ThemeToggle' export default function WechatPage() { return ( - <main className="min-h-screen bg-background"> - <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"> + <main className="h-full bg-background flex flex-col"> + <header className="flex-none sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"> <div className="container flex h-14 max-w-screen-2xl items-center px-4"> <div className="flex items-center flex-1 gap-2"> <div className="md:hidden"> @@ -65,7 +65,7 @@ export default function WechatPage() { </nav> </div> </header> - <div className="relative h-[calc(100vh-3.5rem)]"> + <div className="flex-1 relative"> <WechatEditor /> </div> </main> diff --git a/src/components/editor/WechatEditor.tsx b/src/components/editor/WechatEditor.tsx index a9d1f6e..8d09f6c 100644 --- a/src/components/editor/WechatEditor.tsx +++ b/src/components/editor/WechatEditor.tsx @@ -605,7 +605,7 @@ export default function WechatEditor() { return ( <div className="h-full flex flex-col"> - <div className="border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 sticky top-0 z-20"> + <div className="flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 sticky top-0 z-20"> <div className="container mx-auto"> <div className="p-4"> <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4"> @@ -683,14 +683,14 @@ export default function WechatEditor() { </div> </div> - <div className="flex-1 flex flex-col sm:flex-row overflow-hidden sm:pb-0 pb-16"> + <div className="flex-1 flex flex-col sm:flex-row overflow-hidden"> <div ref={editorRef} className={cn( "editor-container bg-background transition-all duration-300 ease-in-out", showPreview - ? "h-[calc(50vh-4rem)] sm:h-[calc(100vh-7.5rem)] sm:w-1/2 border-b sm:border-r" - : "h-[calc(100vh-10rem)] sm:h-[calc(100vh-7.5rem)] w-full", + ? "h-[50%] sm:h-full sm:w-1/2 border-b sm:border-r" + : "h-full w-full", selectedTemplate && templates.find(t => t.id === selectedTemplate)?.styles )} style={{ @@ -715,7 +715,7 @@ export default function WechatEditor() { ref={previewRef} className={cn( "preview-container bg-background transition-all duration-300 ease-in-out flex flex-col", - "h-[calc(50vh-4rem)] sm:h-[calc(100vh-7.5rem)] sm:w-1/2", + "h-[50%] sm:h-full sm:w-1/2", "markdown-body", selectedTemplate && templates.find(t => t.id === selectedTemplate)?.styles )}