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

only need lg images

Browse Source
This commit is contained in:
James Collins
2024-04-23 21:41:04 +10:00
parent 28b2ffa4a3
commit b24fa48d85
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

@@ -1,6 +1,6 @@
@props(['image']) @props(['image'])
<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 }}')"></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" />
</div> </div>