mirror of
https://github.com/shuaiplus/nodewarden.git
synced 2026-06-20 21:00:41 +00:00
feat: update list icon opacity and z-index for improved loading behavior
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user