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:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user