Make more slight design changes so button fits Figma example

spruceid · Oct 4, 2024 · d0e25f2 · d0e25f2
1 parent 1dd0215
commit d0e25f2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/example/src/main/java/com/spruceid/mobilesdkexample/ui/theme/Color.kt b/example/src/main/java/com/spruceid/mobilesdkexample/ui/theme/Color.kt
@@ -8,6 +8,7 @@ val Bg = Color(0xFFFDFDFC)
 val CredentialBorder = Color(0xFFE6E1D6)
 val CodeBorder = Color(0xff949494)
 val CTAButtonGreen = Color(0xFF087455)
+val CTAButtonBlue = Color(0xFF488CF4)
 val GreenValid = Color(0xFF059669)
 val SecondaryButtonRed = Color(0xFFE11D48)
 val TextBody = Color(0xFF57534E)

diff --git a/example/src/main/java/com/spruceid/mobilesdkexample/wallet/WalletHomeView.kt b/example/src/main/java/com/spruceid/mobilesdkexample/wallet/WalletHomeView.kt
@@ -35,6 +35,7 @@ import androidx.compose.ui.unit.sp
 import androidx.navigation.NavController
 import com.spruceid.mobilesdkexample.R
 import com.spruceid.mobilesdkexample.navigation.Screen
+import com.spruceid.mobilesdkexample.ui.theme.CTAButtonBlue
 import com.spruceid.mobilesdkexample.ui.theme.Inter
 import com.spruceid.mobilesdkexample.ui.theme.TextHeader
 import com.spruceid.mobilesdkexample.ui.theme.Primary
@@ -108,6 +109,7 @@ fun WalletHomeBody(
                 Modifier
                     .fillMaxWidth()
                     .padding(top = 20.dp)
+                    .padding(bottom = 60.dp)
             ) {
                 items(rawCredentials) { rawCredential ->
                     AchievementCredentialItem(
@@ -137,7 +139,7 @@ fun WalletHomeBody(
                     },
                     modifier = Modifier.fillMaxWidth(),
                     colors = ButtonDefaults.buttonColors(
-                        containerColor = Color(0xFF488CF4),
+                        containerColor = CTAButtonBlue,
                         contentColor = Color.White,
                     )
                 ) {
@@ -148,7 +150,7 @@ fun WalletHomeBody(
                         Icon(
                             painter = painterResource(id = R.drawable.scan_qr_code_white),
                             contentDescription = "QR Code Icon",
-                            tint = Color(0xFFFFFFFF),
+                            tint = Color.White,
                             modifier = Modifier.padding(end = 10.dp)
                         )
                         Text(