From 00b482e62ac15c70dfe0ed7894ee69527342a033 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Tue, 6 Oct 2026 03:02:55 +0200
Subject: [PATCH] Fade between table pages

---
 app/ui/Table.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/ui/Table.vue b/app/ui/Table.vue
index 0358c1a..9041330 100644
--- a/app/ui/Table.vue
+++ b/app/ui/Table.vue
@@ -87,7 +87,7 @@ watch(pageCount, (count) => {
 				</th>
 			</tr>
 		</thead>
-		<tbody>
+		<tbody :key="currentPage">
 			<tr
 				v-for="entry in pagedData"
 				:key="entry.index"
@@ -186,6 +186,19 @@ watch(pageCount, (count) => {
 	margin-bottom: 0.75rem;
 }
 
+.table tbody {
+	animation: table-page-fade 0.18s ease;
+}
+
+@keyframes table-page-fade {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
 .pagination {
 	display: flex;
 	justify-content: center;