From e6ce87b3150fe84e68f6f71f925cef8886bcb3d2 Mon Sep 17 00:00:00 2001 From: xfy Date: Thu, 9 Jul 2026 14:20:58 +0800 Subject: [PATCH] =?UTF-8?q?fix(write):=20=E4=BF=AE=E5=A4=8D=E9=AA=A8?= =?UTF-8?q?=E6=9E=B6=E5=B1=8F=E9=AB=98=E5=BA=A6=E4=B8=8D=E8=B6=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 骨架屏被放在 write.rs 的 absolute inset-0 覆盖层里,但根容器 用了 flex-1——在非 flex 父层里 flex-1 无效,导致骨架屏不撑满 高度,编辑器区域被压缩,底部留出大片空白。 改 flex-1 为 h-full,让骨架屏根撑满覆盖层高度,内部 flex flex-col 再正常分配编辑器 flex-1 的高度。 --- src/components/write_skeleton.rs | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/write_skeleton.rs b/src/components/write_skeleton.rs index 24b4b99..2f90ca6 100644 --- a/src/components/write_skeleton.rs +++ b/src/components/write_skeleton.rs @@ -13,8 +13,9 @@ use dioxus::prelude::*; #[component] pub fn WriteSkeleton() -> Element { rsx! { - // 根:与 write.rs 根容器一致 - div { class: "relative flex flex-col flex-1 min-h-0 overflow-hidden", + // 根:WriteSkeleton 放在 write.rs 的 absolute inset-0 覆盖层里, + // 故用 h-full 撑满该层(父层非 flex,flex-1 无效),内部再 flex flex-col 分配高度。 + div { class: "relative h-full flex flex-col min-h-0 overflow-hidden", // 两栏容器:与真实页面一致,左 flex-1 + 右 w-80 div { class: "flex-1 min-h-0 flex", // 左栏(主写作区)