Refactor: Implement smooth moderation queue

This commit is contained in:
gpt-engineer-app[bot]
2025-10-10 19:20:50 +00:00
parent cd8f770807
commit c62935818a
5 changed files with 201 additions and 75 deletions

View File

@@ -353,3 +353,42 @@ All colors MUST be HSL.
border-color: hsl(var(--border));
}
}
/* Smooth queue transitions */
.queue-fade-enter {
animation: queueFadeIn 300ms ease-in-out;
}
.queue-fade-exit {
animation: queueFadeOut 200ms ease-in-out;
}
@keyframes queueFadeIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes queueFadeOut {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-8px);
}
}
/* Performance optimizations for queue items */
.queue-item-container {
contain: layout style paint;
will-change: transform, opacity;
content-visibility: auto;
contain-intrinsic-size: 0 200px;
}