feat: adjust relay reviews width

This commit is contained in:
codytseng
2025-10-23 22:00:00 +08:00
parent dceebd1650
commit 0df5fb7e3e

View File

@@ -14,6 +14,7 @@ import { toRelayReviews } from '@/lib/link'
import { cn, isTouchDevice } from '@/lib/utils' import { cn, isTouchDevice } from '@/lib/utils'
import { useMuteList } from '@/providers/MuteListProvider' import { useMuteList } from '@/providers/MuteListProvider'
import { useNostr } from '@/providers/NostrProvider' import { useNostr } from '@/providers/NostrProvider'
import { useUserPreferences } from '@/providers/UserPreferencesProvider'
import { useUserTrust } from '@/providers/UserTrustProvider' import { useUserTrust } from '@/providers/UserTrustProvider'
import client from '@/services/client.service' import client from '@/services/client.service'
import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures' import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures'
@@ -192,8 +193,15 @@ function ReviewCarousel({
} }
function Item({ children }: { children: React.ReactNode }) { function Item({ children }: { children: React.ReactNode }) {
const { enableSingleColumnLayout } = useUserPreferences()
return ( return (
<CarouselItem className="basis-11/12 lg:basis-2/3 2xl:basis-5/12 pl-0 pr-2"> <CarouselItem
className={cn(
'basis-11/12 pl-0 pr-2',
enableSingleColumnLayout ? 'md:basis-5/12 lg:basis-7/12' : 'lg:basis-2/3 2xl:basis-5/12'
)}
>
{children} {children}
</CarouselItem> </CarouselItem>
) )