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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user