[BOOK-264] fix: 도서 상세 화면 디테일 수정

Author: seoyoon513

feature/detail/src/main/kotlin/com/ninecraft/booket/feature/detail/book/BookDetailUi.kt

@@ -35,7 +35,7 @@ import com.ninecraft.booket.core.designsystem.ComponentPreview
 import com.ninecraft.booket.core.designsystem.component.ReedDivider
 import com.ninecraft.booket.core.designsystem.component.button.ReedButton
 import com.ninecraft.booket.core.designsystem.component.button.ReedButtonColorStyle
-import com.ninecraft.booket.core.designsystem.component.button.largeButtonStyle
+import com.ninecraft.booket.core.designsystem.component.button.mediumButtonStyle
 import com.ninecraft.booket.core.designsystem.theme.ReedTheme
 import com.ninecraft.booket.core.model.BookDetailModel
 import com.ninecraft.booket.core.ui.ReedScaffold
@@ -181,7 +181,7 @@ internal fun BookDetailContent(
                                     BookStatus.fromValue(state.bookDetail.userBookStatus)?.getDisplayNameRes()
                                         ?: BookStatus.BEFORE_READING.getDisplayNameRes(),
                                 ),
-                                sizeStyle = largeButtonStyle,
+                                sizeStyle = mediumButtonStyle,
                                 colorStyle = ReedButtonColorStyle.SECONDARY,
                                 modifier = Modifier.widthIn(min = 98.dp),
                                 trailingIcon = {
@@ -199,7 +199,7 @@ internal fun BookDetailContent(
                                     state.eventSink(BookDetailUiEvent.OnRegisterRecordButtonClick)
                                 },
                                 text = stringResource(R.string.register_book_record),
-                                sizeStyle = largeButtonStyle,
+                                sizeStyle = mediumButtonStyle,
                                 colorStyle = ReedButtonColorStyle.PRIMARY,
                                 modifier = Modifier.weight(1f),
                             )

feature/detail/src/main/kotlin/com/ninecraft/booket/feature/detail/book/component/BookItem.kt

@@ -94,6 +94,7 @@ internal fun BookItem(
                     )
                 }
             }
+            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing05))
             Text(
                 text = bookDetail.pubDate.formatPublishYear(),
                 color = ReedTheme.colors.contentTertiary,

feature/detail/src/main/kotlin/com/ninecraft/booket/feature/detail/book/component/ReadingRecordsHeader.kt

@@ -46,12 +46,14 @@ internal fun ReadingRecordsHeader(
         }
         Row(
             modifier = Modifier.clickable { onReadingRecordClick() },
+            verticalAlignment = Alignment.CenterVertically,
         ) {
             Text(
                 text = stringResource(currentRecordSort.getDisplayNameRes()),
                 color = ReedTheme.colors.contentSecondary,
                 style = ReedTheme.typography.label1Medium,
             )
+            Spacer(modifier = Modifier.width(ReedTheme.spacing.spacing1))
             Icon(
                 imageVector = ImageVector.vectorResource(designR.drawable.ic_chevron_down),
                 contentDescription = "Dropdown Icon",

feature/detail/src/main/kotlin/com/ninecraft/booket/feature/detail/book/component/RecordItem.kt

@@ -64,7 +64,8 @@ internal fun RecordItem(
                 contentDescription = "Emotion Graphic",
                 modifier = Modifier
                     .size(40.dp)
-                    .clip(CircleShape),
+                    .clip(CircleShape)
+                    .background(ReedTheme.colors.basePrimary),
             )
             Spacer(modifier = Modifier.width(ReedTheme.spacing.spacing2))
             Column {

feature/detail/src/main/kotlin/com/ninecraft/booket/feature/detail/book/component/RecordSortBottomSheet.kt

@@ -12,6 +12,7 @@ import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.selection.selectable
 import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.HorizontalDivider
 import androidx.compose.material3.Icon
 import androidx.compose.material3.SheetState
 import androidx.compose.material3.SheetValue
@@ -24,6 +25,7 @@ import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.res.vectorResource
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
 import com.ninecraft.booket.core.designsystem.ComponentPreview
 import com.ninecraft.booket.core.designsystem.theme.ReedTheme
 import com.ninecraft.booket.core.ui.component.ReedBottomSheet
@@ -52,15 +54,13 @@ internal fun RecordSortBottomSheet(
     ) {
         Column(
             modifier = modifier
-                .padding(
-                    start = ReedTheme.spacing.spacing5,
-                    top = ReedTheme.spacing.spacing5,
-                    end = ReedTheme.spacing.spacing5,
-                ),
+                .padding(top = ReedTheme.spacing.spacing5),
             horizontalAlignment = Alignment.CenterHorizontally,
         ) {
             Row(
-                modifier = Modifier.fillMaxWidth(),
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = ReedTheme.spacing.spacing5),
                 horizontalArrangement = Arrangement.SpaceBetween,
             ) {
                 Text(
@@ -77,12 +77,12 @@ internal fun RecordSortBottomSheet(
                     },
                 )
             }
-            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing5))
+            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing3))
             Column(
                 modifier = Modifier.fillMaxWidth(),
                 verticalArrangement = Arrangement.Center,
             ) {
-                recordSortItems.forEach { item ->
+                recordSortItems.forEachIndexed { index, item ->
                     RecordSortItem(
                         item = item,
                         selected = item == currentRecordSort,
@@ -91,7 +91,16 @@ internal fun RecordSortBottomSheet(
                                 onItemSelected(item)
                             }
                         },
+                        modifier = Modifier.padding(horizontal = ReedTheme.spacing.spacing5),
                     )
+
+                    if (index < recordSortItems.lastIndex) {
+                        HorizontalDivider(
+                            modifier = Modifier.fillMaxWidth(),
+                            thickness = 1.dp,
+                            color = ReedTheme.colors.dividerSm,
+                        )
+                    }
                 }
             }
         }

feature/detail/src/main/kotlin/com/ninecraft/booket/feature/detail/book/component/SeedItem.kt

@@ -52,14 +52,14 @@ internal fun SeedItem(
             Text(
                 text = emotion.name.displayName,
                 color = emotion.name.toTextColor(),
-                style = ReedTheme.typography.body2Medium,
+                style = ReedTheme.typography.label2SemiBold,
             )
         }
         Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing1))
         Text(
             text = "${emotion.count}",
             color = ReedTheme.colors.contentSecondary,
-            style = ReedTheme.typography.body2Medium,
+            style = ReedTheme.typography.label2Regular,
         )
     }
 }