ui: make model information dialog full-screen on mobile

Matches the settings dialog pattern: full viewport below md,
calc-sized and capped at 60rem on desktop.

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