dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove gradient overlay from hero image section in Home.vue for a cleaner design

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-22 14:11:49 +07:00
parent 480e173d12
commit 7508227768
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/pages/Home.vue
View File

@ -482,14 +482,12 @@ const resetPriceFilters = () => {
</div>
<!-- Main Model Central Image (With Floating Animation) -->
<div class="relative w-[310px] h-[440px] lg:w-[390px] lg:h-[540px] rounded-[2rem] overflow-hidden shadow-2xl shadow-amber-100/50 z-10 transition-transform duration-500 hover:scale-[1.02] border-4 border-white/80 animate-float-model">
<div class="relative w-[310px] h-[440px] lg:w-[390px] lg:h-[540px] rounded-[2rem] overflow-hidden z-10 transition-transform duration-500 hover:scale-[1.02] animate-float-model">
<img
:src="homepage.hero_image_url || 'https://images.unsplash.com/photo-1490481651871-ab68de25d43d?w=1000&auto=format&fit=crop&q=80'"
alt="DSTCLO Model Unggulan"
class="w-full h-full object-cover"
/>
<!-- Subtle Gradient Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-amber-950/30 via-transparent to-transparent"></div>
</div>
<!-- FLOATING HERO TAG 1: Product Showcase -->