@@ -35,8 +35,11 @@ import androidx.compose.ui.layout.ContentScale
3535import androidx.compose.ui.platform.LocalContext
3636import androidx.compose.ui.platform.LocalFocusManager
3737import androidx.compose.ui.res.painterResource
38+ import androidx.compose.ui.text.SpanStyle
39+ import androidx.compose.ui.text.buildAnnotatedString
3840import androidx.compose.ui.text.input.KeyboardType
3941import androidx.compose.ui.text.input.TextFieldValue
42+ import androidx.compose.ui.text.withStyle
4043import androidx.compose.ui.tooling.preview.Preview
4144import androidx.compose.ui.unit.dp
4245import androidx.hilt.navigation.compose.hiltViewModel
@@ -68,6 +71,7 @@ import com.moneymong.moneymong.design_system.theme.Gray03
6871import com.moneymong.moneymong.design_system.theme.Gray06
6972import com.moneymong.moneymong.design_system.theme.Gray10
7073import com.moneymong.moneymong.design_system.theme.MMHorizontalSpacing
74+ import com.moneymong.moneymong.design_system.theme.Red03
7175import com.moneymong.moneymong.design_system.theme.White
7276import com.moneymong.moneymong.ledgerdetail.view.LedgerDetailTopbarView
7377import org.orbitmvi.orbit.compose.collectAsState
@@ -183,7 +187,7 @@ fun LedgerDetailScreen(
183187 .background(Gray01 )
184188 .padding(it)
185189 ) {
186- Spacer (modifier = Modifier .height(12 .dp))
190+ Spacer (modifier = Modifier .height(4 .dp))
187191 Box (
188192 modifier = Modifier
189193 .fillMaxSize()
@@ -203,7 +207,12 @@ fun LedgerDetailScreen(
203207 modifier = Modifier .fillMaxWidth(),
204208 value = state.storeNameValue,
205209 onValueChange = viewModel::onChangeStoreNameValue,
206- title = " 수입·지출 출처" ,
210+ title = buildAnnotatedString {
211+ append(" 수입·지출 출처" )
212+ withStyle(SpanStyle (color = Red03 )) {
213+ append(" *" )
214+ }
215+ },
207216 placeholder = " " ,
208217 isFilled = false ,
209218 isError = state.isStoreNameError,
@@ -239,7 +248,12 @@ fun LedgerDetailScreen(
239248 modifier = Modifier .fillMaxWidth(),
240249 value = state.totalPriceValue,
241250 onValueChange = viewModel::onChangeTotalPriceValue,
242- title = " ${state.fundTypeText} 금액" ,
251+ title = buildAnnotatedString {
252+ append(" ${state.fundTypeText} 금액" )
253+ withStyle(SpanStyle (color = Red03 )) {
254+ append(" *" )
255+ }
256+ },
243257 placeholder = " " ,
244258 isFilled = false ,
245259 isError = state.isTotalPriceError,
@@ -276,7 +290,12 @@ fun LedgerDetailScreen(
276290 modifier = Modifier .fillMaxWidth(),
277291 value = state.paymentDateValue,
278292 onValueChange = viewModel::onChangePaymentDateValue,
279- title = " 날짜" ,
293+ title = buildAnnotatedString {
294+ append(" 날짜" )
295+ withStyle(SpanStyle (color = Red03 )) {
296+ append(" *" )
297+ }
298+ },
280299 placeholder = " 2024/01/01" ,
281300 isFilled = false ,
282301 isError = state.isPaymentDateError,
@@ -313,7 +332,12 @@ fun LedgerDetailScreen(
313332 modifier = Modifier .fillMaxWidth(),
314333 value = state.paymentTimeValue,
315334 onValueChange = viewModel::onChangePaymentTimeValue,
316- title = " 시간" ,
335+ title = buildAnnotatedString {
336+ append(" 시간" )
337+ withStyle(SpanStyle (color = Red03 )) {
338+ append(" *" )
339+ }
340+ },
317341 placeholder = " 00:00:00" ,
318342 isFilled = false ,
319343 isError = state.isPaymentTimeError,
@@ -541,20 +565,20 @@ fun LedgerDetailScreen(
541565 MDSButton (
542566 modifier = Modifier
543567 .fillMaxWidth()
544- .padding(vertical = 24 .dp, horizontal = 20 .dp),
568+ .padding(vertical = 12 .dp, horizontal = 20 .dp),
545569 text = " 완료하기" ,
546570 enabled = state.enabledEdit,
547- size = MDSButtonSize .MEDIUM ,
571+ size = MDSButtonSize .LARGE ,
548572 type = MDSButtonType .PRIMARY ,
549573 onClick = { viewModel.eventEmit(LedgerDetailSideEffect .LedgerDetailEditDone ) }
550574 )
551575 } else {
552576 MDSButton (
553577 modifier = Modifier
554578 .fillMaxWidth()
555- .padding(vertical = 24 .dp, horizontal = 20 .dp),
579+ .padding(vertical = 12 .dp, horizontal = 20 .dp),
556580 text = " 수정하기" ,
557- size = MDSButtonSize .MEDIUM ,
581+ size = MDSButtonSize .LARGE ,
558582 type = MDSButtonType .PRIMARY ,
559583 onClick = { viewModel.eventEmit(LedgerDetailSideEffect .LedgerDetailEdit ) }
560584 )
0 commit comments