💄 (GameEngineKit): Upgrade Colored & Text AnswerView UI style

leka · Sep 19, 2023 · 203f282 · 203f282
1 parent 15e424d
commit 203f282
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/Modules/GameEngineKit/Sources/UI/Views/ColoredAnswerView.swift b/Modules/GameEngineKit/Sources/UI/Views/ColoredAnswerView.swift
@@ -14,11 +14,16 @@ struct ColoredAnswerView: View {
 
     @ViewBuilder
     var view: some View {
-        let circle = Circle()
-            .foregroundColor(color)
+        let circle = Image(systemName: "circle.fill")
+            .foregroundStyle(color)
+            .font(.system(size: size))
             .frame(
-                width: size,
-                height: size
+                width: size * 1.05,
+                height: size * 1.05
+            )
+            .background(
+                Circle()
+                    .fill(.clear)
             )
 
         switch status {

diff --git a/Modules/GameEngineKit/Sources/UI/Views/TextAnswerView.swift b/Modules/GameEngineKit/Sources/UI/Views/TextAnswerView.swift
@@ -2,6 +2,7 @@
 // Copyright 2023 APF France handicap
 // SPDX-License-Identifier: Apache-2.0
 
+import DesignKit
 import SwiftUI
 
 struct TextAnswerView: View {
@@ -15,15 +16,21 @@ struct TextAnswerView: View {
     @ViewBuilder
     var view: some View {
         let circle = ZStack {
-            Circle()
-                .fill(.gray.opacity(0.8))
+            Image(systemName: "circle.fill")
+                .foregroundStyle(DesignKitAsset.Colors.lekaDarkBlue.swiftUIColor)
+                .font(.system(size: size))
                 .frame(
-                    width: size,
-                    height: size
+                    width: size * 1.05,
+                    height: size * 1.05
+                )
+                .background(
+                    Circle()
+                        .fill(.clear)
                 )
 
             Text(text.uppercased())
-                .font(.title.bold())
+                .font(.largeTitle.uppercaseSmallCaps())
+                .foregroundColor(.white)
         }
 
         switch status {