mirror of
https://github.com/JefferyHcool/BiliNote.git
synced 2026-07-09 06:22:48 +08:00
微调前端左中右区域默认占比
This commit is contained in:
@@ -24,7 +24,7 @@ const HomeLayout: FC<IProps> = ({ NoteForm, Preview, History }) => {
|
|||||||
<div className="flex h-screen flex-col overflow-hidden">
|
<div className="flex h-screen flex-col overflow-hidden">
|
||||||
<ResizablePanelGroup direction="horizontal" className="h-full w-full">
|
<ResizablePanelGroup direction="horizontal" className="h-full w-full">
|
||||||
{/* 左边表单 */}
|
{/* 左边表单 */}
|
||||||
<ResizablePanel defaultSize={18} minSize={10} maxSize={35}>
|
<ResizablePanel defaultSize={23} minSize={10} maxSize={35}>
|
||||||
<aside className="flex h-full flex-col overflow-hidden border-r border-neutral-200 bg-white">
|
<aside className="flex h-full flex-col overflow-hidden border-r border-neutral-200 bg-white">
|
||||||
<header className="flex h-16 items-center justify-between px-6">
|
<header className="flex h-16 items-center justify-between px-6">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
@@ -68,7 +68,7 @@ const HomeLayout: FC<IProps> = ({ NoteForm, Preview, History }) => {
|
|||||||
<ResizableHandle />
|
<ResizableHandle />
|
||||||
|
|
||||||
{/* 右边预览 */}
|
{/* 右边预览 */}
|
||||||
<ResizablePanel defaultSize={66} minSize={30}>
|
<ResizablePanel defaultSize={61} minSize={30}>
|
||||||
<main className="flex h-full flex-col overflow-hidden bg-white p-6">{Preview}</main>
|
<main className="flex h-full flex-col overflow-hidden bg-white p-6">{Preview}</main>
|
||||||
</ResizablePanel>
|
</ResizablePanel>
|
||||||
</ResizablePanelGroup>
|
</ResizablePanelGroup>
|
||||||
|
|||||||
Reference in New Issue
Block a user