fix: enhance modal layout in projects.html by adding flex properties for improved responsiveness
This commit is contained in:
parent
a405ada15d
commit
4a54d42ec9
1 changed files with 2 additions and 2 deletions
|
|
@ -562,7 +562,7 @@
|
|||
<!-- Modal Content -->
|
||||
<div
|
||||
id="modalContent"
|
||||
class="bg-kh3-black border border-white/20 rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-hidden transform scale-95 opacity-0 transition-all duration-500"
|
||||
class="bg-kh3-black border border-white/20 rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-hidden transform scale-95 opacity-0 transition-all duration-500 flex flex-col"
|
||||
>
|
||||
<!-- Modal Header -->
|
||||
<div
|
||||
|
|
@ -599,7 +599,7 @@
|
|||
</div>
|
||||
|
||||
<!-- Modal Body -->
|
||||
<div class="flex flex-col lg:flex-row h-full">
|
||||
<div class="flex flex-col lg:flex-row flex-1 min-h-0">
|
||||
<!-- Image Carousel Section -->
|
||||
<div class="lg:w-2/3 relative group">
|
||||
<div class="relative h-80 lg:h-full overflow-hidden">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue