From 0df5fb7e3e60d4c193a3508dd7e1871f62dde0eb Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Thu, 23 Oct 2025 22:00:00 +0800
Subject: [PATCH] feat: adjust relay reviews width

---
 src/components/RelayInfo/RelayReviewsPreview.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/RelayInfo/RelayReviewsPreview.tsx b/src/components/RelayInfo/RelayReviewsPreview.tsx
index 5de8763..cec94bf 100644
--- a/src/components/RelayInfo/RelayReviewsPreview.tsx
+++ b/src/components/RelayInfo/RelayReviewsPreview.tsx
@@ -14,6 +14,7 @@ import { toRelayReviews } from '@/lib/link'
 import { cn, isTouchDevice } from '@/lib/utils'
 import { useMuteList } from '@/providers/MuteListProvider'
 import { useNostr } from '@/providers/NostrProvider'
+import { useUserPreferences } from '@/providers/UserPreferencesProvider'
 import { useUserTrust } from '@/providers/UserTrustProvider'
 import client from '@/services/client.service'
 import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures'
@@ -192,8 +193,15 @@ function ReviewCarousel({
 }
 
 function Item({ children }: { children: React.ReactNode }) {
+  const { enableSingleColumnLayout } = useUserPreferences()
+
   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}
     </CarouselItem>
   )