From 7622b82dd1a24913c66749b2f5943165be8b0ddc Mon Sep 17 00:00:00 2001
From: DariusIII <dkrisan@gmail.com>
Date: Tue, 10 Feb 2026 13:00:00 +0100
Subject: [PATCH] Make modals responsive

---
 resources/views/partials/image-modal.blade.php   | 2 +-
 resources/views/partials/preview-modal.blade.php | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/partials/image-modal.blade.php b/resources/views/partials/image-modal.blade.php
index 7d77ae0f2..c9272fe82 100644
--- a/resources/views/partials/image-modal.blade.php
+++ b/resources/views/partials/image-modal.blade.php
@@ -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"
diff --git a/resources/views/partials/preview-modal.blade.php b/resources/views/partials/preview-modal.blade.php
index 028171e89..6a6661b93 100644
--- a/resources/views/partials/preview-modal.blade.php
+++ b/resources/views/partials/preview-modal.blade.php
@@ -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"