[design] #180 관심사 필터 선택 ui/ux 개선

Author: ShapeKim98

Projects/Feature/FeatureRecommend/Sources/Recommend/RecommendFeature.swift

@@ -154,13 +154,23 @@ private extension RecommendFeature {
             guard state.selectedInterest != nil else { return .none }
 
             state.selectedInterest = nil
-            proxy.scrollTo("전체보기", anchor: .leading)
+            let leading = 20 / UIScreen.main.bounds.width
+            let anchor = UnitPoint(
+                x: leading,
+                y: UnitPoint.leading.y
+            )
+            proxy.scrollTo("전체보기", anchor: anchor)
             return shared(.async(.추천_조회_API), state: &state)
         case let .관심사_버튼_눌렀을때(interest, proxy):
             guard state.selectedInterest != interest else { return .none }
 
             state.selectedInterest = interest
-            proxy.scrollTo(interest.description, anchor: .leading)
+            let leading = 20 / UIScreen.main.bounds.width
+            let anchor = UnitPoint(
+                x: leading,
+                y: UnitPoint.leading.y
+            )
+            proxy.scrollTo(interest.description, anchor: anchor)
             return shared(.async(.추천_조회_API), state: &state)
         case .링크_공유_완료되었을때:
             state.shareContent = nil

Projects/Feature/FeatureRecommend/Sources/Recommend/RecommendView.swift

@@ -53,6 +53,7 @@ private extension RecommendView {
                 interestListContent(proxy)
                     .padding(.horizontal, 20)
                     .padding(.vertical, 8)
+                    .padding(.trailing, 40)
             }
             .overlay(alignment: .trailing) {
                 interestEditButton
@@ -69,8 +70,8 @@ private extension RecommendView {
             shape: .round,
             action: { }
         )
-        .padding([.trailing, .vertical], 8)
-        .padding(.leading, 20)
+        .padding([.leading, .vertical], 8)
+        .padding(.trailing, 20)
         .background(
             LinearGradient(
                 stops: [
@@ -246,6 +247,7 @@ private extension RecommendView {
             Text(content.title)
                 .foregroundStyle(.pokit(.text(.primary)))
                 .pokitFont(.b3(.b))
+                .multilineTextAlignment(.leading)
                 .lineLimit(2)
         }
     }