Skip to content

Commit 5f2f2a5

Browse files
easyhoooneasyhooon
committed
[BOOK-212] chore: 홈 화면 BookCard 클릭 영역 확대
1 parent e84cbd9 commit 5f2f2a5

File tree

1 file changed

+59
-56
lines changed
  • feature/home/src/main/kotlin/com/ninecraft/booket/feature/home/component

1 file changed

+59
-56
lines changed

‎feature/home/src/main/kotlin/com/ninecraft/booket/feature/home/component/BookCard.kt‎

Lines changed: 59 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -70,73 +70,75 @@ fun BookCard(
7070
width = 1.dp,
7171
color = ReedTheme.colors.borderSecondary,
7272
shape = RoundedCornerShape(ReedTheme.radius.sm),
73-
)
74-
.padding(
75-
start = ReedTheme.spacing.spacing5,
76-
top = ReedTheme.spacing.spacing6,
77-
end = ReedTheme.spacing.spacing5,
78-
bottom = ReedTheme.spacing.spacing5,
7973
),
8074
horizontalAlignment = Alignment.CenterHorizontally,
8175
) {
82-
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing5))
83-
NetworkImage(
84-
imageUrl = recentBookInfo.coverImageUrl,
85-
contentDescription = "Book CoverImage",
76+
Column(
8677
modifier = Modifier
87-
.width(86.dp)
88-
.height(125.dp)
89-
.clip(RoundedCornerShape(size = ReedTheme.radius.sm))
90-
.border(
91-
width = 1.dp,
92-
color = ReedTheme.colors.borderPrimary,
93-
shape = RoundedCornerShape(ReedTheme.radius.sm),
94-
)
95-
.noRippleClickable {
96-
onBookDetailClick()
97-
},
98-
placeholder = painterResource(designR.drawable.ic_placeholder),
99-
)
100-
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing5))
101-
Text(
102-
text = recentBookInfo.title,
103-
color = ReedTheme.colors.contentPrimary,
104-
overflow = TextOverflow.Ellipsis,
105-
maxLines = 1,
106-
style = ReedTheme.typography.headline1SemiBold,
107-
)
108-
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing1))
109-
Row(
110-
modifier = Modifier.fillMaxWidth(),
111-
verticalAlignment = Alignment.CenterVertically,
112-
horizontalArrangement = Arrangement.Center,
78+
.padding(bottom = ReedTheme.spacing.spacing6)
79+
.noRippleClickable { onBookDetailClick() }
80+
.padding(horizontal = ReedTheme.spacing.spacing5),
81+
horizontalAlignment = Alignment.CenterHorizontally,
11382
) {
114-
Text(
115-
text = recentBookInfo.author,
116-
color = ReedTheme.colors.contentTertiary,
117-
overflow = TextOverflow.Ellipsis,
118-
maxLines = 1,
119-
style = ReedTheme.typography.label1Medium,
120-
modifier = Modifier.weight(0.7f, fill = false),
121-
)
122-
Spacer(Modifier.width(ReedTheme.spacing.spacing1))
123-
VerticalDivider(
124-
modifier = Modifier.height(14.dp),
125-
thickness = 1.dp,
126-
color = ReedTheme.colors.contentTertiary,
83+
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing10))
84+
NetworkImage(
85+
imageUrl = recentBookInfo.coverImageUrl,
86+
contentDescription = "Book CoverImage",
87+
modifier = Modifier
88+
.width(86.dp)
89+
.height(125.dp)
90+
.clip(RoundedCornerShape(size = ReedTheme.radius.sm))
91+
.border(
92+
width = 1.dp,
93+
color = ReedTheme.colors.borderPrimary,
94+
shape = RoundedCornerShape(ReedTheme.radius.sm),
95+
),
96+
placeholder = painterResource(designR.drawable.ic_placeholder),
12797
)
128-
Spacer(Modifier.width(ReedTheme.spacing.spacing1))
98+
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing5))
12999
Text(
130-
text = recentBookInfo.publisher,
131-
color = ReedTheme.colors.contentTertiary,
100+
text = recentBookInfo.title,
101+
color = ReedTheme.colors.contentPrimary,
132102
overflow = TextOverflow.Ellipsis,
133103
maxLines = 1,
134-
style = ReedTheme.typography.label1Medium,
135-
modifier = Modifier.weight(0.3f, fill = false),
104+
style = ReedTheme.typography.headline1SemiBold,
136105
)
106+
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing1))
107+
Row(
108+
modifier = Modifier.fillMaxWidth(),
109+
verticalAlignment = Alignment.CenterVertically,
110+
horizontalArrangement = Arrangement.Center,
111+
) {
112+
Text(
113+
text = recentBookInfo.author,
114+
color = ReedTheme.colors.contentTertiary,
115+
overflow = TextOverflow.Ellipsis,
116+
maxLines = 1,
117+
style = ReedTheme.typography.label1Medium,
118+
modifier = Modifier.weight(0.7f, fill = false),
119+
)
120+
Spacer(Modifier.width(ReedTheme.spacing.spacing1))
121+
VerticalDivider(
122+
modifier = Modifier.height(14.dp),
123+
thickness = 1.dp,
124+
color = ReedTheme.colors.contentTertiary,
125+
)
126+
Spacer(Modifier.width(ReedTheme.spacing.spacing1))
127+
Text(
128+
text = recentBookInfo.publisher,
129+
color = ReedTheme.colors.contentTertiary,
130+
overflow = TextOverflow.Ellipsis,
131+
maxLines = 1,
132+
style = ReedTheme.typography.label1Medium,
133+
modifier = Modifier.weight(0.3f, fill = false),
134+
)
135+
}
136+
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing5))
137137
}
138-
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing5))
139-
Row(verticalAlignment = Alignment.CenterVertically) {
138+
Row(
139+
modifier = Modifier.padding(horizontal = ReedTheme.spacing.spacing5),
140+
verticalAlignment = Alignment.CenterVertically
141+
) {
140142
Row(
141143
modifier = Modifier
142144
.background(
@@ -187,6 +189,7 @@ fun BookCard(
187189
},
188190
)
189191
}
192+
Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing5))
190193
}
191194
}
192195

0 commit comments

Comments
 (0)