fix(admin): Werbe-Dialog wächst bei vielen Rassen nicht mehr über den Bildschirm
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>
This commit is contained in:
1 parent
5f75998512
commit
0880d87f31
1 file changed
+3
-2
@@ -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}
|
||||
|
||||
Reference in new issue
Block a user