feat: adjust relay reviews width
This commit is contained in:
@@ -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>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user