xfy/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(write-skeleton): align skeleton layout with actual write page

Browse Source 
- fix bottom button bar layout (justify-end -> items-center with flex-1 spacer)
- remove extra p-6 padding from editor container
- add p-4 padding to toolbar area to match Tiptap editor padding
This commit is contained in:
xfy 2026-06-05 18:21:35 +08:00
parent 078e9b1da1
commit c776536678
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/write_skeleton.rs
View File

@ -18,8 +18,8 @@ pub fn WriteSkeleton() -> Element {
}
}
div { class: "w-full h-[500px] rounded-lg border border-gray-200 dark:border-[#333] bg-white dark:bg-[#1e1e1e] p-6 space-y-4",
div { class: "flex gap-2 pb-4 border-b border-gray-100 dark:border-[#333]",
div { class: "w-full h-[500px] rounded-lg border border-gray-200 dark:border-[#333] bg-white dark:bg-[#1e1e1e] space-y-4",
div { class: "flex gap-2 p-4 border-b border-gray-100 dark:border-[#333]",
for _ in 0..8 {
SkeletonBox { class: "w-8 h-8 rounded" }
}
@ -40,10 +40,11 @@ pub fn WriteSkeleton() -> Element {
}
}
div { class: "flex justify-end gap-3 pt-2",
SkeletonBox { class: "h-10 w-20 rounded-full" }
SkeletonBox { class: "h-10 w-24 rounded-full" }
SkeletonBox { class: "h-10 w-20 rounded-full" }
div { class: "flex items-center gap-3 pt-2",
div { class: "flex-1" }
SkeletonBox { class: "h-10 w-[72px] rounded-full" }
SkeletonBox { class: "h-10 w-[100px] rounded-full" }
SkeletonBox { class: "h-10 w-[72px] rounded-full" }
}
}
}