[BOOK-112] feat: 로그인 화면 디자인 변경사항 적용

Author: seoyoon513

feature/login/src/main/kotlin/com/ninecraft/booket/feature/login/LoginScreen.kt

@@ -1,11 +1,11 @@
 package com.ninecraft.booket.feature.login
 
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.Icon
@@ -17,12 +17,12 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.res.vectorResource
-import androidx.compose.ui.unit.dp
 import com.ninecraft.booket.core.designsystem.DevicePreview
 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.theme.ReedTheme
+import com.ninecraft.booket.core.designsystem.theme.White
 import com.slack.circuit.codegen.annotations.CircuitInject
 import com.slack.circuit.runtime.CircuitUiEvent
 import com.slack.circuit.runtime.CircuitUiState
@@ -63,7 +63,9 @@ internal fun Login(
     )
 
     Column(
-        modifier = modifier.fillMaxSize(),
+        modifier = modifier
+            .fillMaxSize()
+            .background(White),
         horizontalAlignment = Alignment.CenterHorizontally,
         verticalArrangement = Arrangement.Center,
     ) {
@@ -78,8 +80,11 @@ internal fun Login(
                 },
                 modifier = Modifier
                     .fillMaxWidth()
-                    .padding(start = 32.dp, end = 32.dp, bottom = 32.dp)
-                    .height(56.dp)
+                    .padding(
+                        start = ReedTheme.spacing.spacing5,
+                        end = ReedTheme.spacing.spacing5,
+                        bottom = ReedTheme.spacing.spacing8,
+                    )
                     .align(Alignment.BottomCenter),
                 colorStyle = ReedButtonColorStyle.KAKAO,
                 sizeStyle = largeButtonStyle,

feature/login/src/main/res/values/strings.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <string name="kakao_login">카카오 로그인</string>
+    <string name="kakao_login">카카오로 시작하기</string>
     <string name="terms_agreement_title">약관 동의 후\n독서 기록을 남겨보세요</string>
     <string name="terms_agreement_all">약관 전체 동의</string>
     <string name="terms_agreement_button_start">시작하기</string>