refactor: migrate remaining dialogs to Vue Transition, remove old keyframes

Convert Settings, Invoices, IdlePrompt, AppTrackingPrompt, and
AppDiscard dialogs from animate-modal-enter CSS class to proper
<Transition name="modal"> wrappers for enter/leave animations.
Remove unused animate-modal-enter and animate-dropdown-enter keyframes.
This commit is contained in:
Your Name
2026-02-18 11:36:35 +02:00
parent 04d4220604
commit 32ee6284da
6 changed files with 150 additions and 35 deletions

View File

@@ -160,38 +160,6 @@
animation: pulse-seconds 1s ease-in-out infinite;
}
/* Modal animations */
@keyframes modal-enter {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate-modal-enter {
animation: modal-enter 200ms ease-out;
}
/* Dropdown animations */
@keyframes dropdown-enter {
from {
opacity: 0;
transform: translateY(-4px) scale(0.98);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.animate-dropdown-enter {
animation: dropdown-enter 150ms ease-out;
}
/* Toast animations */
@keyframes toast-enter {
from {