ui: fix model information dialog width on all screen sizes

The dialog sets container-type: inline-size, so auto width ignores
its contents and collapses to padding. Give it an explicit viewport
width on mobile and cap at 60rem on desktop.

Assisted-by: pi
This commit is contained in:
Aleksander Grygier
2026-08-27 08:06:25 +02:00
committed by GitHub
parent e87eff0350
commit a72d3f12c8
@@ -76,7 +76,7 @@
</script>
<Dialog.Root bind:open {onOpenChange}>
<Dialog.Content class="@container z-9999 !max-h-[80dvh] !max-w-[60rem] max-w-full">
<Dialog.Content class="@container z-9999 !max-h-[80dvh] w-[calc(100vw-2rem)]! md:max-w-[60rem]!">
<style>
@container (max-width: 56rem) {
.resizable-text-container {