Programmiererforum

export function Dialog() {
const src = 'https://placehold.co/1080x1920';
return (



{/* Left column */}

{src && 
[img]{src} /[/img]
}

{/* Right Column */}

Title
Some content




);
}
< /code>
Wie kann ich sicherstellen, dass es skaliert wird, dass er seinen Container entspricht und gleichzeitig das Seitenverhältnis beibehält?h-[80%]

h-3/4< /code>), aber ich habe es nicht geschafft, es zu erreichen. ! Max-w-fit 

Das Bild steigt außerhalb der übergeordneten Grenzen.[code]export function Dialog() {
const src = 'https://placehold.co/1080x1920';
return (



{/* Left column */}

{src &&
[img]{src} /[/img]
}

{/* Right Column */}

Title
Some content




);
}
< /code>
Wie kann ich sicherstellen, dass es skaliert wird, dass er seinen Container entspricht und gleichzeitig das Seitenverhältnis beibehält?h-[80%][/code]) und Brüche ([code]h-3/4< /code>), aber ich habe es nicht geschafft, es zu erreichen. ! Max-w-fit [/code] im DialogContainer (Idee von hier: Wie ändere ich die Größe einer Shadcn-Dialogkomponente?)