brooke/mirnet.org
1
0
Fork 0
Code Activity Actions

fix image being smaller than container

Browse source
This commit is contained in:
brooke 2024-09-13 13:52:22 -04:00
parent 3bddc9c092
commit b29411ca81
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
themes/mir/layouts/partials/contact.html
View file

@ -25,9 +25,9 @@
</div> </div>
<div class="hidden md:flex flex-col"> <div class="hidden md:flex flex-col">
<div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg"> <div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
<div class="relative"> <div class="relative aspect-[12/10]">
<img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.img }}" alt="Image"> <img class="w-full h-full object-cover rounded-lg" src="{{ .Params.img }}" alt="Image">
<div class="absolute inset-0 bg-white opacity-20 dark:opacity-10 rounded-lg pointer-events-none"></div> <div class="absolute inset-0 bg-white opacity-10 rounded-lg pointer-events-none"></div>
</div> </div>
</div> </div>
</div> </div>

4
themes/mir/layouts/partials/header.html
View file

@ -2,8 +2,8 @@
<div class="w-full relative inline-block"> <div class="w-full relative inline-block">
<div class="hidden md:flex flex-col"> <div class="hidden md:flex flex-col">
<div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg"> <div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
<div class="relative"> <div class="relative aspect-[12/10]">
<img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.headerImg }}" alt="Image"> <img class="w-full h-full object-cover rounded-lg" src="{{ .Params.headerImg }}" alt="Image">
<div class="absolute inset-0 bg-white opacity-10 rounded-lg pointer-events-none"></div> <div class="absolute inset-0 bg-white opacity-10 rounded-lg pointer-events-none"></div>
</div> </div>
</div> </div>