From 812175305fdc54ef9eaf3083c43f8c3229f1afd1 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 21:12:18 +0000
Subject: [PATCH] Update pagination buttons to use a new gradient style

Refactor pagination button styles across multiple pages to utilize a new `gradient-primary` class for a consistent, visually appealing design.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
---
 attached_assets/image_1756761041473.png   | Bin 0 -> 4510 bytes
 client/src/pages/FolxStadlPage.tsx        |   2 +-
 client/src/pages/GeschichteLiedPage.tsx   |   2 +-
 client/src/pages/GipfelstammtischPage.tsx |   2 +-
 4 files changed, 3 insertions(+), 3 deletions(-)
 create mode 100644 attached_assets/image_1756761041473.png

diff --git a/attached_assets/image_1756761041473.png b/attached_assets/image_1756761041473.png
new file mode 100644
index 0000000000000000000000000000000000000000..7fe8c0b1726929ce95358aed5fcc98db762f6115
GIT binary patch
literal 4510
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

literal 0
HcmV?d00001

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index f0d613e..ae0d7d4 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -246,7 +246,7 @@ export default function FolxStadlPage() {
                     size="sm"
                     onClick={() => setCurrentPage(pageNum)}
                     className={currentPage === pageNum 
-                      ? "bg-gradient-to-r from-cyan-400 to-purple-500 text-white" 
+                      ? "gradient-primary text-white border-none shadow-lg" 
                       : "border-white/20 text-white hover:bg-white/10"
                     }
                   >
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index a2639e0..ac225f2 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -247,7 +247,7 @@ export default function GeschichteLiedPage() {
                     size="sm"
                     onClick={() => setCurrentPage(pageNum)}
                     className={currentPage === pageNum 
-                      ? "bg-white text-black hover:bg-white/90" 
+                      ? "gradient-primary text-white border-none shadow-lg" 
                       : "border-white/20 text-white hover:bg-white/10"
                     }
                   >
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index db0ce74..a1257c5 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -247,7 +247,7 @@ export default function GipfelstammtischPage() {
                     size="sm"
                     onClick={() => setCurrentPage(pageNum)}
                     className={currentPage === pageNum 
-                      ? "bg-white text-black hover:bg-white/90" 
+                      ? "gradient-primary text-white border-none shadow-lg" 
                       : "border-white/20 text-white hover:bg-white/10"
                     }
                   >