From f9030ffd13a8502505ce61ef5aecd083686b5e70 Mon Sep 17 00:00:00 2001
From: klaus <klaus@vividnext.co.kr>
Date: Fri, 3 Jul 2026 14:47:27 +0900
Subject: [PATCH] =?UTF-8?q?fix(home):=20On=20Air=20=EB=9D=BC=EC=9D=B4?=
 =?UTF-8?q?=EB=B8=8C=20=EC=95=84=EC=9D=B4=ED=85=9C=20UI=EB=A5=BC=20?=
 =?UTF-8?q?=EB=B3=B4=EC=99=84=ED=95=9C=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/home/ui/HomeFollowingLiveAdapter.kt  |   3 -
 .../bg_home_following_live_capsule.xml        |   8 ++
 .../res/layout/item_home_following_live.xml   | 134 +++++++++---------
 3 files changed, 74 insertions(+), 71 deletions(-)
 create mode 100644 app/src/main/res/drawable/bg_home_following_live_capsule.xml

diff --git a/app/src/main/java/kr/co/vividnext/sodalive/v2/main/home/ui/HomeFollowingLiveAdapter.kt b/app/src/main/java/kr/co/vividnext/sodalive/v2/main/home/ui/HomeFollowingLiveAdapter.kt
index 01cdf849..1f5390a1 100644
--- a/app/src/main/java/kr/co/vividnext/sodalive/v2/main/home/ui/HomeFollowingLiveAdapter.kt
+++ b/app/src/main/java/kr/co/vividnext/sodalive/v2/main/home/ui/HomeFollowingLiveAdapter.kt
@@ -8,7 +8,6 @@ import android.widget.TextView
 import androidx.recyclerview.widget.RecyclerView
 import kr.co.vividnext.sodalive.R
 import kr.co.vividnext.sodalive.common.formatUtcRelativeTimeText
-import kr.co.vividnext.sodalive.extensions.loadUrl
 import kr.co.vividnext.sodalive.v2.main.home.model.HomeFollowingLiveUiItem
 
 class HomeFollowingLiveAdapter(
@@ -37,14 +36,12 @@ class HomeFollowingLiveAdapter(
         itemView: View,
         private val onClickItem: (HomeFollowingLiveUiItem) -> Unit
     ) : RecyclerView.ViewHolder(itemView) {
-        private val thumbnailImage = itemView.findViewById<ImageView>(R.id.iv_home_following_live_thumbnail)
         private val profileImage = itemView.findViewById<ImageView>(R.id.iv_home_following_live_creator_profile)
         private val titleText = itemView.findViewById<TextView>(R.id.tv_home_following_live_title)
         private val nicknameText = itemView.findViewById<TextView>(R.id.tv_home_following_live_creator_nickname)
         private val startedAtText = itemView.findViewById<TextView>(R.id.tv_home_following_live_started_at)
 
         fun bind(item: HomeFollowingLiveUiItem) {
-            thumbnailImage.loadUrl(item.creatorProfileImageUrl)
             profileImage.loadHomeCreatorProfileImage(item.creatorProfileImageUrl)
             titleText.text = item.title
             nicknameText.text = item.creatorNickname
diff --git a/app/src/main/res/drawable/bg_home_following_live_capsule.xml b/app/src/main/res/drawable/bg_home_following_live_capsule.xml
new file mode 100644
index 00000000..9c83ff8d
--- /dev/null
+++ b/app/src/main/res/drawable/bg_home_following_live_capsule.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/gray_900" />
+    <stroke
+        android:width="2dp"
+        android:color="@color/color_3bb9f1" />
+    <corners android:radius="90dp" />
+</shape>
diff --git a/app/src/main/res/layout/item_home_following_live.xml b/app/src/main/res/layout/item_home_following_live.xml
index 0856af0c..61b050ff 100644
--- a/app/src/main/res/layout/item_home_following_live.xml
+++ b/app/src/main/res/layout/item_home_following_live.xml
@@ -1,38 +1,48 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
-    android:layout_width="244dp"
-    android:layout_height="wrap_content"
-    android:background="@drawable/bg_feed_card"
-    android:orientation="vertical"
-    android:padding="@dimen/spacing_14">
+    android:layout_width="263dp"
+    android:layout_height="100dp"
+    android:background="@drawable/bg_home_following_live_capsule"
+    android:paddingStart="12dp"
+    android:paddingEnd="22dp">
 
-    <FrameLayout
-        android:layout_width="match_parent"
-        android:layout_height="120dp"
-        android:background="@drawable/bg_audio_content_card_thumbnail">
+    <ImageView
+        android:id="@+id/iv_home_following_live_creator_profile"
+        android:layout_width="75dp"
+        android:layout_height="75dp"
+        android:contentDescription="@null"
+        android:scaleType="centerCrop"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:src="@drawable/ic_placeholder_profile" />
 
-        <ImageView
-            android:id="@+id/iv_home_following_live_thumbnail"
-            android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:contentDescription="@null"
-            android:scaleType="centerCrop"
-            tools:src="@drawable/ic_launcher_background" />
+    <LinearLayout
+        android:id="@+id/layout_home_following_live_status"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="@dimen/spacing_8"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@id/iv_home_following_live_creator_profile"
+        app:layout_constraintTop_toTopOf="@id/iv_home_following_live_creator_profile"
+        tools:ignore="UseCompoundDrawables">
 
         <LinearLayout
             android:layout_width="wrap_content"
             android:layout_height="18dp"
-            android:layout_gravity="top|start"
-            android:layout_margin="@dimen/spacing_8"
             android:background="@drawable/bg_live_thumbnail_badge_capsule"
             android:gravity="center"
             android:orientation="horizontal"
-            android:paddingHorizontal="@dimen/spacing_4">
+            android:paddingHorizontal="@dimen/spacing_4"
+            android:paddingVertical="2dp">
 
             <View
-                android:layout_width="@dimen/spacing_8"
-                android:layout_height="@dimen/spacing_8"
+                android:layout_width="8dp"
+                android:layout_height="8dp"
                 android:background="@drawable/bg_live_thumbnail_dot" />
 
             <TextView
@@ -40,53 +50,11 @@
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_marginStart="@dimen/spacing_4"
-                android:includeFontPadding="true"
+                android:includeFontPadding="false"
                 android:text="LIVE"
                 android:textColor="@color/white"
-                tools:ignore="HardcodedText,SmallSp" />
+                tools:ignore="HardcodedText" />
         </LinearLayout>
-    </FrameLayout>
-
-    <TextView
-        android:id="@+id/tv_home_following_live_title"
-        style="@style/Typography.Heading4"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/spacing_12"
-        android:ellipsize="end"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:textColor="@color/white"
-        tools:text="라이브 제목" />
-
-    <LinearLayout
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/spacing_8"
-        android:gravity="center_vertical"
-        android:orientation="horizontal">
-
-        <ImageView
-            android:id="@+id/iv_home_following_live_creator_profile"
-            android:layout_width="28dp"
-            android:layout_height="28dp"
-            android:background="@drawable/bg_round_corner_999_263238"
-            android:contentDescription="@null"
-            android:scaleType="centerCrop"
-            tools:src="@drawable/ic_placeholder_profile" />
-
-        <TextView
-            android:id="@+id/tv_home_following_live_creator_nickname"
-            style="@style/Typography.Body6"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="@dimen/spacing_8"
-            android:layout_weight="1"
-            android:ellipsize="end"
-            android:includeFontPadding="false"
-            android:maxLines="1"
-            android:textColor="@color/gray_300"
-            tools:text="크리에이터 이름" />
 
         <TextView
             android:id="@+id/tv_home_following_live_started_at"
@@ -96,6 +64,36 @@
             android:layout_marginStart="@dimen/spacing_8"
             android:includeFontPadding="false"
             android:textColor="@color/gray_500"
-            tools:text="2분 전" />
+            tools:text="00:00" />
     </LinearLayout>
-</LinearLayout>
+
+    <TextView
+        android:id="@+id/tv_home_following_live_title"
+        style="@style/Typography.Heading4"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="@dimen/spacing_4"
+        android:ellipsize="end"
+        android:includeFontPadding="false"
+        android:maxLines="1"
+        android:textColor="@color/white"
+        app:layout_constraintEnd_toEndOf="@id/layout_home_following_live_status"
+        app:layout_constraintStart_toStartOf="@id/layout_home_following_live_status"
+        app:layout_constraintTop_toBottomOf="@id/layout_home_following_live_status"
+        tools:text="라이브 제목" />
+
+    <TextView
+        android:id="@+id/tv_home_following_live_creator_nickname"
+        style="@style/Typography.Body6"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="@dimen/spacing_4"
+        android:ellipsize="end"
+        android:includeFontPadding="false"
+        android:maxLines="1"
+        android:textColor="@color/gray_500"
+        app:layout_constraintEnd_toEndOf="@id/tv_home_following_live_title"
+        app:layout_constraintStart_toStartOf="@id/tv_home_following_live_title"
+        app:layout_constraintTop_toBottomOf="@id/tv_home_following_live_title"
+        tools:text="크리에이터이름" />
+</androidx.constraintlayout.widget.ConstraintLayout>