From 587a97fa03f6328e081be37aa2f897804222acc6 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 11 May 2026 00:11:04 +0200
Subject: [PATCH] Add search results error message animation

---
 src/features/search/views/SearchResultsView.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/features/search/views/SearchResultsView.vue b/src/features/search/views/SearchResultsView.vue
index 3218b6a..e3f3282 100644
--- a/src/features/search/views/SearchResultsView.vue
+++ b/src/features/search/views/SearchResultsView.vue
@@ -52,6 +52,7 @@ searchQueryModel.value = props.searchQuery;
     border-radius: 28px;
     text-align: center;
     background-color: #f7f7f7;
+    animation: fade-in 0.8s ease-out;
     height: var(--error-message-height);
     display: flex;
     justify-content: center;
@@ -67,4 +68,18 @@ searchQueryModel.value = props.searchQuery;
         width: 100%;
     }
 }
+
+@keyframes fade-in {
+    0% {
+        opacity: 0;
+    }
+    10% {
+        opacity: 0;
+        transform: scale(1.02);
+    }
+    100% {
+        opacity: 100;
+        transform: scale(1);
+    }
+}
 </style>
\ No newline at end of file