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

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/skeletons/atoms.rs
View File

@ -4,7 +4,7 @@ use dioxus::prelude::*;
pub fn SkeletonBox(class: &'static str, style: Option<&'static str>) -> Element { pub fn SkeletonBox(class: &'static str, style: Option<&'static str>) -> Element {
rsx! { rsx! {
div { div {
class: "bg-paper-tertiary/30 animate-pulse {class}", class: "bg-paper-tertiary/30 dark:bg-[#5a5a62] animate-pulse {class}",
style: style.unwrap_or(""), style: style.unwrap_or(""),
} }
} }

2
src/components/write_skeleton.rs
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 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)]", div { class: "flex gap-2 pb-3 border-b border-[var(--color-paper-border)]",
for _ in 0..8 { for _ in 0..8 {
SkeletonBox { class: "w-8 h-8 rounded" } SkeletonBox { class: "w-8 h-8 rounded" }

2
src/pages/admin/write.rs
View File

@ -342,7 +342,7 @@ fn write_editor(post_id: Option<i32>) -> Element {
rsx! { rsx! {
div { class: "relative flex flex-col flex-1 min-h-0 overflow-hidden", div { class: "relative flex flex-col flex-1 min-h-0 overflow-hidden",
if loading() { 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 {} WriteSkeleton {}
} }
} }