From 602ee790eb5ac938928114a515d88d59a239f9ee Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Tue, 14 May 2024 23:11:00 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8B=9C=EB=A6=AC=EC=A6=88=20=EC=A0=84?=
 =?UTF-8?q?=EC=B2=B4=EB=B3=B4=EA=B8=B0=20-=20=EC=95=84=EC=9D=B4=ED=85=9C?=
 =?UTF-8?q?=20=EC=83=81=EB=8B=A8=20=EC=A0=95=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Content/Series/SeriesListAllView.swift    |  1 -
 .../UI/Component/SeriesListItemView.swift     | 86 +++++++++----------
 2 files changed, 42 insertions(+), 45 deletions(-)

diff --git a/SodaLive/Sources/Content/Series/SeriesListAllView.swift b/SodaLive/Sources/Content/Series/SeriesListAllView.swift
index a0c17d7..52515af 100644
--- a/SodaLive/Sources/Content/Series/SeriesListAllView.swift
+++ b/SodaLive/Sources/Content/Series/SeriesListAllView.swift
@@ -24,7 +24,6 @@ struct SeriesListAllView: View {
                         ForEach(0..<viewModel.seriesList.count, id: \.self) { index in
                             let item = viewModel.seriesList[index]
                             SeriesListItemView(itemWidth: (screenSize().width - 40) / 3, item: item)
-                                .alignmentGuide(.top) { _ in 0 }
                                 .contentShape(Rectangle())
                                 .onTapGesture {
                                     AppState.shared
diff --git a/SodaLive/Sources/UI/Component/SeriesListItemView.swift b/SodaLive/Sources/UI/Component/SeriesListItemView.swift
index 950882d..7e5da33 100644
--- a/SodaLive/Sources/UI/Component/SeriesListItemView.swift
+++ b/SodaLive/Sources/UI/Component/SeriesListItemView.swift
@@ -15,56 +15,54 @@ struct SeriesListItemView: View {
     let item: SeriesListItem
     
     var body: some View {
-        HStack(alignment: .top) {
-            VStack(alignment: .leading, spacing: 8) {
-                ZStack {
-                    KFImage(URL(string: item.coverImage))
-                        .resizable()
-                        .scaledToFill()
-                        .frame(width: itemWidth, height: itemWidth * 432 / 306)
-                        .cornerRadius(5)
-                        .clipped()
-                    
-                    VStack(alignment: .leading, spacing: 0) {
-                        HStack(spacing: 3.3) {
-                            if !item.isComplete && item.isNew {
-                                SeriesItemBadgeView(title: "신작", backgroundColor: .button)
-                            }
-                            
-                            if item.isComplete {
-                                SeriesItemBadgeView(title: "완결", backgroundColor: Color(hex: "002abd"))
-                            }
-                            
-                            if item.isPopular {
-                                SeriesItemBadgeView(title: "인기", backgroundColor: Color(hex: "ec6033"))
-                            }
-                            
-                            Spacer()
+        VStack(alignment: .leading, spacing: 8) {
+            ZStack {
+                KFImage(URL(string: item.coverImage))
+                    .resizable()
+                    .scaledToFill()
+                    .frame(width: itemWidth, height: itemWidth * 432 / 306)
+                    .cornerRadius(5)
+                    .clipped()
+                
+                VStack(alignment: .leading, spacing: 0) {
+                    HStack(spacing: 3.3) {
+                        if !item.isComplete && item.isNew {
+                            SeriesItemBadgeView(title: "신작", backgroundColor: .button)
+                        }
+                        
+                        if item.isComplete {
+                            SeriesItemBadgeView(title: "완결", backgroundColor: Color(hex: "002abd"))
+                        }
+                        
+                        if item.isPopular {
+                            SeriesItemBadgeView(title: "인기", backgroundColor: Color(hex: "ec6033"))
                         }
                         
                         Spacer()
-                        
-                        HStack {
-                            Spacer()
-                            
-                            SeriesItemBadgeView(title: "총 \(item.numberOfContent)화", backgroundColor: Color.gray33.opacity(0.7))
-                        }
                     }
-                    .padding(3.3)
+                    
+                    Spacer()
+                    
+                    HStack {
+                        Spacer()
+                        
+                        SeriesItemBadgeView(title: "총 \(item.numberOfContent)화", backgroundColor: Color.gray33.opacity(0.7))
+                    }
                 }
-                
-                Text(item.title)
-                    .font(.custom(Font.medium.rawValue, size: 12))
-                    .foregroundColor(Color.grayee)
-                    .lineLimit(2)
-                    .frame(width: itemWidth, alignment: .leading)
-                
-                Text(item.publishedDaysOfWeek)
-                    .font(.custom(Font.medium.rawValue, size: 11))
-                    .foregroundColor(Color.gray77)
-                    .frame(width: itemWidth, alignment: .leading)
+                .padding(3.3)
             }
-            .frame(width: itemWidth)
+            .frame(width: itemWidth, height: itemWidth * 432 / 306)
+            
+            Text(item.title)
+                .font(.custom(Font.medium.rawValue, size: 12))
+                .foregroundColor(Color.grayee)
+                .lineLimit(2)
+                .frame(width: itemWidth, alignment: .leading)
+            
+            Text(item.publishedDaysOfWeek)
+                .font(.custom(Font.medium.rawValue, size: 11))
+                .foregroundColor(Color.gray77)
+                .frame(width: itemWidth, alignment: .leading)
         }
     }
 }