mirror
/
front-end-interview-handbook
mirror of https://github.com/yangshun/front-end-interview-handbook.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[web] marketing/affiliates: fix affiliates slider not working in mobile (#1650)

This commit is contained in:
Nitesh Seram 2025-08-11 15:28:23 +05:30 committed by GitHub
parent 4a13ea0c5f
commit c1469b0ea7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/src/components/marketing/affiliates/MarketingAffiliateWhySections.tsx
View File

@ -107,7 +107,7 @@ function ProductSection() {
'inline-flex items-center gap-1 rounded-lg px-4 py-2', 'inline-flex items-center gap-1 rounded-lg px-4 py-2',
'bg-neutral-100 dark:bg-neutral-800/40', 'bg-neutral-100 dark:bg-neutral-800/40',
)}> )}>
<FaCheck aria-hidden={true} className="text-success size-4 -ml-1" /> <FaCheck aria-hidden={true} className="text-success -ml-1 size-4" />
<Text color="secondary" size="body2" weight="medium"> <Text color="secondary" size="body2" weight="medium">
{feature} {feature}
</Text> </Text>
@ -142,7 +142,11 @@ function SliderSection() {
</Text> </Text>
</div> </div>
<SliderPrimitive.Root <SliderPrimitive.Root
className="relative flex h-4 w-full items-center" className={clsx(
'flex items-center',
'relative h-4 w-full',
'touch-none select-none',
)}
id="weeks" id="weeks"
max={100} max={100}
min={1} min={1}
@ -156,7 +160,7 @@ function SliderSection() {
)}> )}>
<SliderPrimitive.Range className="bg-brand-dark absolute h-full rounded" /> <SliderPrimitive.Range className="bg-brand-dark absolute h-full rounded" />
</SliderPrimitive.Track> </SliderPrimitive.Track>
<SliderPrimitive.Thumb className="bg-brand-dark hover:bg-brand-darker focus:ring-brand-darker size-8 block rounded-full shadow-sm focus:outline-none focus:ring-4 focus:ring-offset-2" /> <SliderPrimitive.Thumb className="bg-brand-dark hover:bg-brand-darker focus:ring-brand-darker block size-8 rounded-full shadow-sm focus:outline-none focus:ring-4 focus:ring-offset-2" />
</SliderPrimitive.Root> </SliderPrimitive.Root>
<Text <Text
className="mt-8 block text-center text-2xl" className="mt-8 block text-center text-2xl"