chore: Fix description

ApeSwapFinance · Nov 29, 2022 · a5fca6e · a5fca6e
1 parent 87a7022
commit a5fca6e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/widgets/TutorialModal/TutorialModal.tsx b/src/widgets/TutorialModal/TutorialModal.tsx
@@ -46,7 +46,17 @@ const TutorialModal: React.FC<TModalProps> = ({ type, title, description, childr
               </Text>
             </Flex>
             <Flex sx={{ width: "100%" }}>
-              <Text>{element.title}</Text>
+              <Text
+                sx={{
+                  fontSize: ["12px", "12px", "22px"],
+                  lineHeight: ["12px", "12px", "22px"],
+                  fontWeight: 700,
+                  textTransform: ["uppercase", "uppercase", "capitalize"],
+                  mb: [0, 0, "10px"],
+                }}
+              >
+                {element.title}
+              </Text>
             </Flex>
             <Flex sx={{ width: "100%" }}>{element.description}</Flex>
           </Flex>

diff --git a/src/widgets/TutorialModal/styles.ts b/src/widgets/TutorialModal/styles.ts
@@ -55,6 +55,7 @@ export const styles: Record<string, ThemeUIStyleObject> = {
   right: {
     flexDirection: "column",
     height: "100%",
+    minHeight: "270px",
   },
   modalHeader: {
     flexDirection: ["column"],