fix(admin): add missing dark mode background colors to skeleton components
This commit is contained in:
parent
a10bf8737c
commit
835d71972c
@ -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(""),
|
||||
}
|
||||
}
|
||||
|
||||
@ -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" }
|
||||
|
||||
@ -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 {}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user