fix: realign save text and removed button shadow (#236)

HansGabriel · Dec 6, 2023 · 1b9d6cb · 1b9d6cb
1 parent 8ec278c
commit 1b9d6cb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/apps/expo/src/screens/create-question/ChoiceCard.tsx b/apps/expo/src/screens/create-question/ChoiceCard.tsx
@@ -666,15 +666,15 @@ export const IdentificationCards = ({
           </View>
         ))}
 
-      <View className="w-[90%]">
+      <View className="w-[50%] self-center">
         <AppButton
           text="Add Choice"
           buttonColor="violet-600"
           borderShadowColor="indigo-800"
           borderRadius="full"
           fontStyle="bold"
           textColor="white"
-          TOwidth="[45%]"
+          TOwidth="full"
           Vwidth="full"
           Vheight="12"
           onPress={addChoice}

diff --git a/apps/expo/src/screens/edit-personal-info.tsx b/apps/expo/src/screens/edit-personal-info.tsx
@@ -307,17 +307,17 @@ export const EditPersonalInfoScreen = () => {
           </View>
 
           {edit ? (
-            <View className="mt-24">
+            <View className="mt-auto w-[50%] self-center">
               <AppButton
                 text="Save"
                 buttonColor="violet-600"
                 borderShadowColor="indigo-800"
                 borderRadius="full"
                 fontStyle="bold"
                 textColor="white"
-                TOwidth="[50%]"
+                TOwidth="full"
                 Vwidth="full"
-                Vheight="16"
+                Vheight="12"
                 onPress={handleSubmit(submitEditedData)}
                 isLoading={isEditingUser}
               />

diff --git a/apps/expo/src/screens/play-test/TestCard.tsx b/apps/expo/src/screens/play-test/TestCard.tsx
@@ -137,7 +137,7 @@ export const IdentificationCard = ({
       <TextInput
         multiline={true}
         maxLength={75}
-        className="mx-5 my-8 h-[15%] flex-col items-center justify-center rounded-2xl border-b-2 bg-emerald-500 p-2 text-center text-lg font-bold leading-[28.80px] text-white"
+        className="mx-5 my-8 h-[15%] flex-col items-center justify-center rounded-2xl bg-emerald-500 p-2 text-center text-lg font-bold leading-[28.80px] text-white"
         selectionColor="white"
         value={answer}
         onChangeText={setAnswer}
@@ -155,7 +155,7 @@ export const IdentificationCard = ({
             {choices?.map((choice) => (
               <View
                 key={choice.id}
-                className={`inline-flex h-[50px] w-[85%] flex-col items-center justify-center rounded-2xl border-b-4 ${choice.styles}`}
+                className={`inline-flex h-[50px] w-[85%] flex-col items-center justify-center rounded-2xl ${choice.styles}`}
               >
                 <Text className="font-nunito-extrabold self-stretch text-center text-sm font-bold leading-[28.80px] text-white">
                   {choice.text}

diff --git a/apps/expo/src/screens/test-history/index.tsx b/apps/expo/src/screens/test-history/index.tsx
@@ -111,7 +111,7 @@ export const TestHistoryScreen: FC<TestHistoryProps> = ({
             textColor="white"
             TOwidth="full"
             Vwidth="full"
-            Vheight="10"
+            Vheight="12"
             onPress={goToScoreBoard}
             isLoading={isFetchingUser}
           />