Add dashboard and RFV skeleton loaders
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 48s

This commit is contained in:
Cauê Faleiros
2026-06-26 11:41:39 -03:00
parent 3d25bc5179
commit 8c788b66ac
3 changed files with 199 additions and 14 deletions

View File

@@ -75,6 +75,33 @@
}
@layer components {
.skeleton {
position: relative;
overflow: hidden;
border-radius: 0.75rem;
background: color-mix(in srgb, var(--color-dark-input) 82%, var(--color-dark-text) 18%);
}
.skeleton::after {
content: "";
position: absolute;
inset: 0;
transform: translateX(-100%);
background: linear-gradient(
90deg,
transparent,
color-mix(in srgb, var(--color-dark-text) 14%, transparent),
transparent
);
animation: skeleton-shimmer 1.45s ease-in-out infinite;
}
@keyframes skeleton-shimmer {
100% {
transform: translateX(100%);
}
}
.app-shell {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0) 24rem),