Make modals responsive

This commit is contained in:
DariusIII
2026-02-10 13:00:00 +01:00
parent 7c9991d7b6
commit 7622b82dd1
2 changed files with 2 additions and 2 deletions
@@ -21,7 +21,7 @@
<!-- Modal panel container -->
<div class="fixed inset-0 z-10 overflow-y-auto" @click.self="close()">
<div class="flex min-h-full items-center justify-center p-4 text-center sm:p-0" @click.self="close()">
<div class="relative transform overflow-hidden rounded-2xl bg-white dark:bg-gray-800 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-6xl"
<div class="relative transform overflow-hidden rounded-2xl bg-white dark:bg-gray-800 text-left shadow-xl transition-all sm:my-8 w-auto max-w-[90vw]"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100"
@@ -21,7 +21,7 @@
<!-- Modal panel container -->
<div class="fixed inset-0 z-10 overflow-y-auto" @click.self="close()">
<div class="flex min-h-full items-center justify-center p-4 text-center sm:p-0" @click.self="close()">
<div class="relative transform overflow-hidden rounded-2xl bg-white dark:bg-gray-800 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-5xl"
<div class="relative transform overflow-hidden rounded-2xl bg-white dark:bg-gray-800 text-left shadow-xl transition-all sm:my-8 w-auto max-w-[90vw]"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100"