From 86aa79f50080d2878559fb6829e74ae65f5345e0 Mon Sep 17 00:00:00 2001
From: Christian F <40164044+CFPlusPlus@users.noreply.github.com>
Date: Tue, 3 Mar 2026 14:46:23 +0100
Subject: [PATCH 1/3] Klickbare Elemente sind jetzt besser als solche zu
 erkennen

---
 src/components/LightboxGallery.astro | 9 ++++++---
 src/components/Surface.astro         | 4 +++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/LightboxGallery.astro b/src/components/LightboxGallery.astro
index e4255f4..f2e0a03 100644
--- a/src/components/LightboxGallery.astro
+++ b/src/components/LightboxGallery.astro
@@ -130,11 +130,14 @@ const scrollRightId = `${rootId}-scroll-right`;
             id={closeId}
             data-lb-close
             type="button"
-            class="inline-flex items-center gap-2 px-3 py-2"
+            class="group inline-flex h-10 w-10 items-center justify-center p-0"
             aria-label="Schließen"
           >
-            <Icon name="x" size={18} class="text-muted" />
-            <span class="hidden sm:inline text-sm text-muted">Schließen</span>
+            <Icon
+              name="x"
+              size={18}
+              class="text-muted transition-colors group-hover:text-accent group-focus-visible:text-accent"
+            />
           </Surface>
         </div>
 
diff --git a/src/components/Surface.astro b/src/components/Surface.astro
index d4dc26a..21ce255 100644
--- a/src/components/Surface.astro
+++ b/src/components/Surface.astro
@@ -45,7 +45,9 @@ const VARIANTS: Record<Variant, string> = {
   overlayControl: "rounded-[var(--r-card)] border border-border/70 bg-bg/35 backdrop-blur hover:bg-bg/55 transition",
 };
 
-const classes = `${VARIANTS[variant]} ${className}`.trim();
+const isButtonLike = Tag === "button" || rest.role === "button";
+const interactiveClasses = isButtonLike ? "cursor-pointer disabled:cursor-not-allowed" : "";
+const classes = `${VARIANTS[variant]} ${interactiveClasses} ${className}`.trim();
 ---
 
 <Tag class={classes} {...rest}>

From 6348bbdeafd5e4078e5704a385e847eb520255ee Mon Sep 17 00:00:00 2001
From: Christian F <40164044+CFPlusPlus@users.noreply.github.com>
Date: Tue, 3 Mar 2026 15:00:43 +0100
Subject: [PATCH 2/3] Scroll-Verhalten der Bildergalerie angepasst

---
 src/components/LightboxGallery.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LightboxGallery.astro b/src/components/LightboxGallery.astro
index f2e0a03..d64e562 100644
--- a/src/components/LightboxGallery.astro
+++ b/src/components/LightboxGallery.astro
@@ -40,7 +40,7 @@ const scrollRightId = `${rootId}-scroll-right`;
       <div
         id={stripId}
         data-lb-strip
-        class="no-scrollbar flex gap-4 overflow-x-auto scroll-smooth snap-x snap-mandatory pb-2">
+        class="no-scrollbar flex gap-4 overflow-x-auto overflow-y-hidden scroll-smooth snap-x snap-mandatory pb-2">
         {images.map((img, i) => (
           <Surface
             as="button"
@@ -184,4 +184,4 @@ const scrollRightId = `${rootId}-scroll-right`;
       </Surface>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>

From fb573f0168e54a58dab5b3932ec4d0e9bc04e05a Mon Sep 17 00:00:00 2001
From: Christian F <40164044+CFPlusPlus@users.noreply.github.com>
Date: Tue, 3 Mar 2026 15:09:43 +0100
Subject: [PATCH 3/3] =?UTF-8?q?Animation=20f=C3=BCr=20Status-Anzeige=20hin?=
 =?UTF-8?q?zugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/scripts/minecraftStatus.ts | 12 +++++++++---
 src/styles/global.css          | 14 ++++++++++++++
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/scripts/minecraftStatus.ts b/src/scripts/minecraftStatus.ts
index fb3d622..5cad4be 100644
--- a/src/scripts/minecraftStatus.ts
+++ b/src/scripts/minecraftStatus.ts
@@ -26,9 +26,15 @@ function setState(
   const textEl = root.querySelector<HTMLElement>("[data-mc-text]");
   if (!dotEl || !valueEl || !textEl) return;
 
-  dotEl.classList.remove("bg-emerald-500/80", "bg-red-500/80", "bg-border");
-  if (state === "online") dotEl.classList.add("bg-emerald-500/80");
-  else if (state === "offline") dotEl.classList.add("bg-red-500/80");
+  dotEl.classList.remove(
+    "bg-emerald-500/80",
+    "bg-red-500/80",
+    "bg-border",
+    "mc-dot-online",
+  );
+  if (state === "online") {
+    dotEl.classList.add("bg-emerald-500/80", "mc-dot-online");
+  } else if (state === "offline") dotEl.classList.add("bg-red-500/80");
   else dotEl.classList.add("bg-border");
 
   valueEl.textContent = valueText;
diff --git a/src/styles/global.css b/src/styles/global.css
index 130e1ef..26b6e7e 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -277,6 +277,9 @@ a {
   .blob-float-c {
     animation: blob-float 22s ease-in-out infinite;
   }
+  .mc-dot-online {
+    animation: mc-dot-pulse 2.6s ease-out infinite;
+  }
 }
 @keyframes blob-float {
   0%,
@@ -287,6 +290,17 @@ a {
     transform: translate3d(10px, -14px, 0) scale(1.03);
   }
 }
+@keyframes mc-dot-pulse {
+  0% {
+    box-shadow: 0 0 0 0 hsl(142 70% 45% / 0.42);
+  }
+  78% {
+    box-shadow: 0 0 0 0.46rem hsl(142 70% 45% / 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0.46rem hsl(142 70% 45% / 0);
+  }
+}
 
 /* --- Scroll-Reveal (JS-optimiert, aber ohne JS trotzdem ok) --- */
 html[data-js="true"] .reveal {