fix(write): 修复骨架屏高度不足

骨架屏被放在 write.rs 的 absolute inset-0 覆盖层里,但根容器
用了 flex-1——在非 flex 父层里 flex-1 无效,导致骨架屏不撑满
高度,编辑器区域被压缩,底部留出大片空白。

改 flex-1 为 h-full,让骨架屏根撑满覆盖层高度,内部 flex
flex-col 再正常分配编辑器 flex-1 的高度。
This commit is contained in:
xfy 2026-07-09 14:20:58 +08:00
parent 1716976d91
commit e6ce87b315

View File

@ -13,8 +13,9 @@ use dioxus::prelude::*;
#[component] #[component]
pub fn WriteSkeleton() -> Element { pub fn WriteSkeleton() -> Element {
rsx! { rsx! {
// 根:与 write.rs 根容器一致 // 根:WriteSkeleton 放在 write.rs 的 absolute inset-0 覆盖层里,
div { class: "relative flex flex-col flex-1 min-h-0 overflow-hidden", // 故用 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 // 两栏容器:与真实页面一致,左 flex-1 + 右 w-80
div { class: "flex-1 min-h-0 flex", div { class: "flex-1 min-h-0 flex",
// 左栏(主写作区) // 左栏(主写作区)