ShuriZma
/
fleetCatalogue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix modal image size

This commit is contained in:
ShuriZma 2023-10-14 13:15:27 +02:00
parent f92f1248d9
commit 3388c95dc2
Signed by: ShuriZma
GPG Key ID: 8D289758EE9B8074
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/css/app.css
View File

@ -14346,6 +14346,9 @@ html{
.min-h-screen{ .min-h-screen{
min-height: 100vh; min-height: 100vh;
} }
.min-h-\[70vh\]{
min-height: 70vh;
}
.w-1\/5{ .w-1\/5{
width: 20%; width: 20%;
} }
@ -14413,6 +14416,9 @@ html{
min-width: -moz-max-content; min-width: -moz-max-content;
min-width: max-content; min-width: max-content;
} }
.min-w-\[70vw\]{
min-width: 70vw;
}
.max-w-6xl{ .max-w-6xl{
max-width: 72rem; max-width: 72rem;
} }
@ -14450,6 +14456,9 @@ html{
.max-w-\[100rem\]{ .max-w-\[100rem\]{
max-width: 100rem; max-width: 100rem;
} }
.max-w-\[70vw\]{
max-width: 70vw;
}
.flex-1{ .flex-1{
flex: 1 1 0%; flex: 1 1 0%;
} }

2
resources/views/components/image-modal.blade.php
View File

@ -1,5 +1,5 @@
@props(['image', 'id']) @props(['image', 'id'])
<input type="checkbox" id="{{ $id }}" class="modal-toggle" /> <input type="checkbox" id="{{ $id }}" class="modal-toggle" />
<div class="modal"> <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> </div>