feat: update list icon opacity and z-index for improved loading behavior

This commit is contained in:
shuaiplus
2026-04-25 04:40:22 +08:00
parent db8b9263a1
commit 481536ba24
+7 -2
View File
@@ -355,7 +355,7 @@
.list-icon { .list-icon {
@apply h-6 w-6 rounded-md; @apply h-6 w-6 rounded-md;
opacity: 1; opacity: 0;
transition: opacity var(--dur-fast) var(--ease-smooth); transition: opacity var(--dur-fast) var(--ease-smooth);
} }
@@ -369,7 +369,7 @@
} }
.list-icon-stack > .list-icon { .list-icon-stack > .list-icon {
opacity: 0; z-index: 2;
} }
.list-icon-stack > .list-icon.loaded { .list-icon-stack > .list-icon.loaded {
@@ -380,6 +380,11 @@
opacity: 0; opacity: 0;
} }
.list-icon-stack > .list-icon-fallback {
opacity: 0;
z-index: 1;
}
.list-icon-fallback { .list-icon-fallback {
@apply grid place-items-center; @apply grid place-items-center;
color: #64748b; color: #64748b;