fix: Modal jetzt wieder mit fester, konsistenter Höhe (min(640px, 80vh)) und internem Scroll statt Größenänderung pro Tab. Body-Klassen angepasst (overflow-y-auto, entfernte dynamische h-Utilities).

This commit is contained in:
ISA
2025-09-10 09:44:40 +02:00
parent 77f14313ae
commit 3266e8b2d5
6 changed files with 15 additions and 6 deletions

View File

@@ -58,6 +58,9 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
inset: "50% auto auto 50%",
transform: "translate(-50%, -50%)",
width: "min(900px,92vw)",
// Feste / konsistente Höhe, unabhängig vom Tab-Inhalt
// Wenn Viewport kleiner ist, begrenze auf 80vh
height: "min(640px, 80vh)",
maxHeight: "80vh",
padding: 0,
border: "1px solid var(--color-border)",
@@ -105,7 +108,8 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
);
})}
</div>
<div className="modal-body-scroll px-5 py-4 flex-1 h-[20rem] laptop:h-[24rem] 2xl:h-[30rem] text-fg">
{/* Einheitliche Body-Höhe mit internem Scroll statt dynamischer Außenhöhe */}
<div className="modal-body-scroll px-5 py-4 flex-1 text-fg overflow-y-auto">
{activeTab === "kue" && (
<KueEinstellung
slot={slot}