mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-24 06:31:14 -05:00
Refactor: Implement smooth moderation queue
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user