From 26f67028cf7dd96afcb3126c1b6085136d3582f6 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Fri, 30 Jan 2026 16:42:00 +0900
Subject: [PATCH] =?UTF-8?q?=EB=9D=BC=EC=9D=B4=EB=B8=8C=20=EC=A0=84?=
 =?UTF-8?q?=EC=B2=B4=EB=B3=B4=EA=B8=B0=20=EA=B7=B8=EB=A6=AC=EB=93=9C=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Sources/Live/Now/All/LiveNowAllView.swift  | 18 ++++++++++++------
 .../Sources/Live/Now/LiveNowItemView.swift     | 17 +++++++++++++++--
 .../Sources/Live/Now/SectionLiveNowView.swift  |  2 +-
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/SodaLive/Sources/Live/Now/All/LiveNowAllView.swift b/SodaLive/Sources/Live/Now/All/LiveNowAllView.swift
index 586191f..d26118b 100644
--- a/SodaLive/Sources/Live/Now/All/LiveNowAllView.swift
+++ b/SodaLive/Sources/Live/Now/All/LiveNowAllView.swift
@@ -13,13 +13,15 @@ struct LiveNowAllView: View {
     @StateObject var viewModel = LiveViewModel()
     @StateObject var liveAllViewModel = LiveAllViewModel()
     
-    let columns = [
-        GridItem(.flexible(), alignment: .top),
-        GridItem(.flexible(), alignment: .top)
-    ]
-    
     let spacing: CGFloat = 16
     
+    var columns: [GridItem] {
+        [
+            GridItem(.flexible(), spacing: spacing, alignment: .top),
+            GridItem(.flexible(), spacing: spacing, alignment: .top)
+        ]
+    }
+    
     let onClickParticipant: (Int) -> Void
     
     var body: some View {
@@ -36,11 +38,13 @@ struct LiveNowAllView: View {
                             viewModel.getLiveNowList()
                         },
                         content: {
+                            let itemWidth = (proxy.size.width - (spacing * 3)) / 2
+                            
                             LazyVGrid(columns: columns, spacing: spacing) {
                                 ForEach(0..<viewModel.liveNowItems.count, id: \.self) { index in
                                     let item = viewModel.liveNowItems[index]
                                     
-                                    LiveNowAllItemView(item: item, itemWidth: (screenSize().width - (spacing * (CGFloat(columns.count + 1)))) / 2)
+                                    LiveNowItemView(item: item, itemWidth: itemWidth)
                                         .contentShape(Rectangle())
                                         .onTapGesture {
                                             self.liveAllViewModel.selectedRoomId = item.roomId
@@ -55,6 +59,8 @@ struct LiveNowAllView: View {
                                         }
                                 }
                             }
+                            .padding(.horizontal, spacing)
+                            .padding(.top, spacing)
                         }
                     )
                     
diff --git a/SodaLive/Sources/Live/Now/LiveNowItemView.swift b/SodaLive/Sources/Live/Now/LiveNowItemView.swift
index 79e1936..51cc2f1 100644
--- a/SodaLive/Sources/Live/Now/LiveNowItemView.swift
+++ b/SodaLive/Sources/Live/Now/LiveNowItemView.swift
@@ -11,6 +11,18 @@ import Kingfisher
 struct LiveNowItemView: View {
     
     let item: GetRoomListResponse
+    let itemWidth: CGFloat?
+    
+    private let defaultWidth: CGFloat = 144
+    private let defaultHeight: CGFloat = 204
+    
+    private var resolvedWidth: CGFloat {
+        itemWidth ?? defaultWidth
+    }
+    
+    private var resolvedHeight: CGFloat {
+        resolvedWidth * defaultHeight / defaultWidth
+    }
     
     var body: some View {
         ZStack(alignment: .top) {
@@ -93,7 +105,7 @@ struct LiveNowItemView: View {
             }
         }
         .padding(10)
-        .frame(width: 144, height: 204, alignment: .top)
+        .frame(width: resolvedWidth, height: resolvedHeight, alignment: .top)
         .background(Color(hex: "263238"))
         .cornerRadius(16)
     }
@@ -119,7 +131,8 @@ struct LiveNowItemView_Previews: PreviewProvider {
                 creatorId: 19,
                 isReservation: false,
                 isPrivateRoom: false
-            )
+            ),
+            itemWidth: 144
         )
     }
 }
diff --git a/SodaLive/Sources/Live/Now/SectionLiveNowView.swift b/SodaLive/Sources/Live/Now/SectionLiveNowView.swift
index 0777b86..3824c12 100644
--- a/SodaLive/Sources/Live/Now/SectionLiveNowView.swift
+++ b/SodaLive/Sources/Live/Now/SectionLiveNowView.swift
@@ -40,7 +40,7 @@ struct SectionLiveNowView: View {
                 ScrollView(.horizontal, showsIndicators: false) {
                     LazyHStack(alignment: .top, spacing: 16) {
                         ForEach(items, id: \.self) { item in
-                            LiveNowItemView(item: item)
+                            LiveNowItemView(item: item, itemWidth: nil)
                                 .contentShape(Rectangle())
                                 .onTapGesture {
                                     if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {