fix(admin): add missing dark mode background colors to skeleton components

This commit is contained in:
xfy 2026-06-12 11:15:46 +08:00
parent a10bf8737c
commit 835d71972c
3 changed files with 3 additions and 3 deletions

View File

@ -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(""),
}
}

View File

@ -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" }

View File

@ -342,7 +342,7 @@ fn write_editor(post_id: Option<i32>) -> 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 {}
}
}