fix: enhance modal layout in projects.html by adding flex properties for improved responsiveness
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
George Birikorang 2025-09-05 03:25:21 -07:00
parent a405ada15d
commit 4a54d42ec9

View file

@ -562,7 +562,7 @@
<!-- Modal Content --> <!-- Modal Content -->
<div <div
id="modalContent" 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 --> <!-- Modal Header -->
<div <div
@ -599,7 +599,7 @@
</div> </div>
<!-- Modal Body --> <!-- 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 --> <!-- Image Carousel Section -->
<div class="lg:w-2/3 relative group"> <div class="lg:w-2/3 relative group">
<div class="relative h-80 lg:h-full overflow-hidden"> <div class="relative h-80 lg:h-full overflow-hidden">