From 835d71972c332436dbb5be99da653e6df7214859 Mon Sep 17 00:00:00 2001 From: xfy Date: Fri, 12 Jun 2026 11:15:46 +0800 Subject: [PATCH] fix(admin): add missing dark mode background colors to skeleton components --- src/components/skeletons/atoms.rs | 2 +- src/components/write_skeleton.rs | 2 +- src/pages/admin/write.rs | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/skeletons/atoms.rs b/src/components/skeletons/atoms.rs index 6eba83d..21db56e 100644 --- a/src/components/skeletons/atoms.rs +++ b/src/components/skeletons/atoms.rs @@ -4,7 +4,7 @@ use dioxus::prelude::*; pub fn SkeletonBox(class: &'static str, style: Option<&'static str>) -> Element { rsx! { div { - class: "bg-paper-tertiary/30 animate-pulse {class}", + class: "bg-paper-tertiary/30 dark:bg-[#5a5a62] animate-pulse {class}", style: style.unwrap_or(""), } } diff --git a/src/components/write_skeleton.rs b/src/components/write_skeleton.rs index ce90012..bfd5e3c 100644 --- a/src/components/write_skeleton.rs +++ b/src/components/write_skeleton.rs @@ -21,7 +21,7 @@ pub fn WriteSkeleton() -> Element { } div { class: "flex-1 min-h-0 flex flex-col my-4", - div { class: "flex-1 min-h-0 w-full border border-[var(--color-paper-border)] rounded-xl overflow-hidden bg-[var(--color-paper-entry)] shadow-[0_2px_8px_rgba(0,0,0,0.04)] dark:shadow-none space-y-4 p-4", + div { class: "flex-1 min-h-0 w-full border border-[var(--color-paper-border)] rounded-xl overflow-hidden bg-white dark:bg-[#2e2e33] shadow-[0_2px_8px_rgba(0,0,0,0.04)] dark:shadow-none space-y-4 p-4", div { class: "flex gap-2 pb-3 border-b border-[var(--color-paper-border)]", for _ in 0..8 { SkeletonBox { class: "w-8 h-8 rounded" } diff --git a/src/pages/admin/write.rs b/src/pages/admin/write.rs index 4d2317d..23fa66a 100644 --- a/src/pages/admin/write.rs +++ b/src/pages/admin/write.rs @@ -342,7 +342,7 @@ fn write_editor(post_id: Option) -> Element { rsx! { div { class: "relative flex flex-col flex-1 min-h-0 overflow-hidden", if loading() { - div { class: "absolute inset-0 z-10 bg-[var(--color-paper-theme)]", + div { class: "absolute inset-0 z-10 bg-white dark:bg-[#1d1e20]", WriteSkeleton {} } }