[ui]: 책 검색 화면 ui 수정 완료 (#53)

Author: rbqks529

app/src/main/java/com/texthip/thip/ui/booksearch/component/BookRecentSearch.kt

@@ -40,7 +40,7 @@ fun BookRecentSearch(
         Text(
             text = stringResource(R.string.group_recent_search),
             color = colors.White,
-            style = typography.menu_r400_s14_h24
+            style = typography.smalltitle_sb600_s18_h24
         )
         Spacer(modifier = Modifier.height(16.dp))
 
@@ -65,17 +65,18 @@ fun BookRecentSearch(
                 }
             }
         }
-        Spacer(modifier = Modifier.height(32.dp))
 
         Row(
-            modifier = Modifier.fillMaxWidth(),
+            modifier = Modifier
+                .padding(top = 32.dp)
+                .fillMaxWidth(),
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.SpaceBetween
         ) {
             Text(
                 text = stringResource(R.string.book_popular_search),
                 color = colors.White,
-                style = typography.menu_r400_s14_h24
+                style = typography.smalltitle_sb600_s18_h24
             )
             Text(
                 text = stringResource(R.string.book_search_date, popularBookDate),
@@ -87,7 +88,7 @@ fun BookRecentSearch(
 
         Box(modifier = Modifier
             .fillMaxWidth()
-            .weight(1f, fill = true)
+            .weight(1f)
         ) {
             if (popularBooks.isEmpty()) {
                 Column(
@@ -178,7 +179,7 @@ fun PreviewBookRecentSearch_EmptyPopular() {
         BookRecentSearch(
             recentSearches = emptyList(),
             popularBooks = emptyList(),
-            popularBookDate = "01.12.",
+            popularBookDate = "01.12",
             onSearchClick = {},
             onRemove = {},
             onBookClick = {}

app/src/main/java/com/texthip/thip/ui/booksearch/screen/BookDetailScreen.kt

@@ -139,8 +139,6 @@ fun BookDetailScreen(
                     )
                 }
 
-                Spacer(modifier = Modifier.height(8.dp))
-
                 // 상세 정보 영역
                 Column(
                     modifier = Modifier
@@ -162,21 +160,21 @@ fun BookDetailScreen(
                             book.publisher
                         ),
                         color = colors.Grey,
-                        style = typography.copy_r400_s12_h20
+                        style = typography.menu_sb600_s12_h20
                     )
-                    Spacer(modifier = Modifier.height(32.dp))
 
                     Column(
                         modifier = Modifier
+                            .padding(top = 33.dp)
                             .fillMaxWidth()
                             .clickable { isIntroductionPopupVisible = true }
                     ) {
                         Text(
                             text = stringResource(R.string.search_book_comment),
                             color = colors.White,
-                            style = typography.menu_r400_s14_h24,
+                            style = typography.menu_sb600_s14_h24,
                         )
-                        Spacer(modifier = Modifier.height(4.dp))
+                        Spacer(modifier = Modifier.height(5.dp))
 
                         Text(
                             text = book.description,

app/src/main/java/com/texthip/thip/ui/booksearch/screen/BookRecruitingScreen.kt

@@ -55,6 +55,7 @@ fun BookRecruitingScreen(
                     .background(colors.Black)
                     .fillMaxSize()
                     .padding(horizontal = 20.dp)
+                    .padding(top = 16.dp)
             ) {
                 Row(
                     modifier = Modifier.fillMaxWidth(),

app/src/main/res/drawable/ic_x_circle_grey02.xml

@@ -0,0 +1,16 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="25dp"
+    android:height="25dp"
+    android:viewportWidth="25"
+    android:viewportHeight="25">
+  <path
+      android:pathData="M22.456,12.5C22.456,6.977 17.979,2.5 12.456,2.5C6.933,2.5 2.456,6.977 2.456,12.5C2.456,18.023 6.933,22.5 12.456,22.5C17.979,22.5 22.456,18.023 22.456,12.5Z"
+      android:fillColor="#888888"/>
+  <path
+      android:pathData="M15.455,15.5L9.456,9.5M9.457,15.5L15.456,9.5"
+      android:strokeLineJoin="round"
+      android:strokeWidth="1.5"
+      android:fillColor="#00000000"
+      android:strokeColor="#FEFEFE"
+      android:strokeLineCap="round"/>
+</vector>