STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 3 Actions Packages Projects Releases 3 Wiki Activity

fix image distortion

Browse Source
This commit is contained in:
James Collins
2024-04-27 21:51:32 +10:00
parent b4456d7771
commit befebc44cb
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,5 +2,5 @@
<div class="{{twMerge(['relative','w-full','h-96','flex','items-center','justify-center','bg-cover','bg-center','rounded-3xl','overflow-hidden'], $attributes->get('class'))}}"> <div class="{{twMerge(['relative','w-full','h-96','flex','items-center','justify-center','bg-cover','bg-center','rounded-3xl','overflow-hidden'], $attributes->get('class'))}}">
<div class="blur bg-cover bg-center absolute top-0 left-0 w-full h-full opacity-50" style="background-image: url('{{ $image }}?lg')"></div> <div class="blur bg-cover bg-center absolute top-0 left-0 w-full h-full opacity-50" style="background-image: url('{{ $image }}?lg')"></div>
<img src="{{ $image }}?lg" class="h-full z-0" /> <img src="{{ $image }}?lg" class="h-full z-0 object-cover" />
</div> </div>