streaper2/afrov2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement event submission flow with image upload and modal interface

Browse Source
This commit is contained in:
streaper2
2026-05-10 21:47:28 +02:00
parent 7db35361d9
commit 197594f84f
31 changed files with 1481 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/HomeSlider.tsx
View File

@@ -13,6 +13,8 @@ interface HomeSlide {
subtitle?: string | null;
imageUrl?: string | null;
linkUrl?: string | null;
coverPosition?: string | null;
coverZoom?: number | null;
}
interface Props {
@@ -85,10 +87,15 @@ const HomeSlider = ({ slides, onSearch }: Props) => {
<div className="absolute inset-0">
<img
src={slide.imageUrl || slide.business?.coverUrl || slide.business?.logoUrl || ''}
className={`w-full h-full object-cover transition-transform duration-[6000ms] ease-linear ${
index === current ? 'scale-110' : 'scale-100'
}`}
alt=""
style={{
objectPosition: slide.type === 'BUSINESS' ? (slide.business?.coverPosition || '50% 50%') : (slide.coverPosition || '50% 50%'),
transformOrigin: slide.type === 'BUSINESS' ? (slide.business?.coverPosition || '50% 50%') : (slide.coverPosition || '50% 50%'),
'--base-zoom': slide.type === 'BUSINESS' ? (slide.business?.coverZoom || 1) : (slide.coverZoom || 1)
} as any}
className={`w-full h-full object-cover transition-transform duration-[6000ms] ease-linear ${
index === current ? 'scale-[calc(var(--base-zoom)*1.1)]' : 'scale-[var(--base-zoom)]'
}`}
/>
<div className="absolute inset-0 bg-gradient-to-r from-black/80 via-black/40 to-transparent" />
</div>