From 0880d87f3112ec7c9bf7e0a473c480032037d0f4 Mon Sep 17 00:00:00 2001
From: neodk2004 <barac.daniel@gmail.com>
Date: Wed, 7 Oct 2026 06:55:37 +0200
Subject: [PATCH] =?UTF-8?q?fix(admin):=20Werbe-Dialog=20w=C3=A4chst=20bei?=
 =?UTF-8?q?=20vielen=20Rassen=20nicht=20mehr=20=C3=BCber=20den=20Bildschir?=
 =?UTF-8?q?m?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Dialog scrollt jetzt selbst (max. 90 % der Fensterhöhe), und die
Rassenliste je Tierart hat einen eigenen Scrollbereich. Bei Hunden (~300
Rassen) lagen Speichern und Abbrechen bisher außerhalb des Bildschirms.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/app/p/[secret]/ads/page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/p/[secret]/ads/page.tsx b/src/app/p/[secret]/ads/page.tsx
index 616b2d9..deddab5 100644
--- a/src/app/p/[secret]/ads/page.tsx
+++ b/src/app/p/[secret]/ads/page.tsx
@@ -298,7 +298,7 @@ export default function AdminAdsPage() {
 
       {/* Create / Edit dialog */}
       <Dialog open={dialogOpen} onOpenChange={(o) => { if (!o) closeDialog(); }}>
-        <DialogContent className="bg-card border-border text-foreground max-w-md">
+        <DialogContent className="bg-card border-border text-foreground max-w-md max-h-[90dvh] overflow-y-auto">
           <DialogHeader>
             <DialogTitle>{editingId ? "Anzeige bearbeiten" : "Anzeige erstellen"}</DialogTitle>
           </DialogHeader>
@@ -404,8 +404,9 @@ export default function AdminAdsPage() {
                         />
                         {s.name}
                       </label>
+                      {/* Eigener Scrollbereich: Hunde haben ~300 Rassen, sonst sprengt die Liste den Dialog. */}
                       {checked && breeds.length > 0 && (
-                        <div className="ml-6 flex flex-wrap gap-x-4 gap-y-1.5">
+                        <div className="ml-6 flex max-h-48 flex-wrap gap-x-4 gap-y-1.5 overflow-y-auto rounded-md border border-border p-2">
                           {breeds.map((b) => (
                             <label
                               key={b.id}