From 3388c95dc2b79930f8fdfe898379611f637a9283 Mon Sep 17 00:00:00 2001
From: ShuriZma <shurizma@shurizma.de>
Date: Sat, 14 Oct 2023 13:15:27 +0200
Subject: [PATCH] fix modal image size

---
 public/css/app.css                               | 9 +++++++++
 resources/views/components/image-modal.blade.php | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/public/css/app.css b/public/css/app.css
index 410b726..6f4b10d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -14346,6 +14346,9 @@ html{
 .min-h-screen{
   min-height: 100vh;
 }
+.min-h-\[70vh\]{
+  min-height: 70vh;
+}
 .w-1\/5{
   width: 20%;
 }
@@ -14413,6 +14416,9 @@ html{
   min-width: -moz-max-content;
   min-width: max-content;
 }
+.min-w-\[70vw\]{
+  min-width: 70vw;
+}
 .max-w-6xl{
   max-width: 72rem;
 }
@@ -14450,6 +14456,9 @@ html{
 .max-w-\[100rem\]{
   max-width: 100rem;
 }
+.max-w-\[70vw\]{
+  max-width: 70vw;
+}
 .flex-1{
   flex: 1 1 0%;
 }
diff --git a/resources/views/components/image-modal.blade.php b/resources/views/components/image-modal.blade.php
index 40dc2a5..5a7e022 100644
--- a/resources/views/components/image-modal.blade.php
+++ b/resources/views/components/image-modal.blade.php
@@ -1,5 +1,5 @@
 @props(['image', 'id'])
 <input type="checkbox" id="{{ $id }}" class="modal-toggle" />
 <div class="modal">
-	<label class="w-full h-full flex" for="{{ $id }}"><img class="w-auto max-h-[70vh] m-auto" src="{{ asset($image) }}"></label>
+	<label class="w-full h-full flex" for="{{ $id }}"><img class="h-auto min-w-[70vw] max-w-[70vw] m-auto" src="{{ asset($image) }}"></label>
 </div>
\ No newline at end of file