diff --git a/src/components/MkAlert.vue b/src/components/MkAlert.vue index 640c79b..881252f 100644 --- a/src/components/MkAlert.vue +++ b/src/components/MkAlert.vue @@ -68,6 +68,8 @@ const classes = computed(() => [ .alert-fade-leave-active { transition: opacity 0.2s ease, transform 0.2s ease, max-height 0.25s ease; overflow: hidden; + /* Must be a numeric value — CSS cannot transition from 'auto' to 0 */ + max-height: 200px; } .alert-fade-leave-to { opacity: 0; diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 27100cd..e0f686a 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -23,9 +23,6 @@ const statusClass = { cancelled: 'bg-danger/10 text-danger', } -const gradientProgress = (value, gradient) => ({ - width: `${value}%`, -})