Merge pull request #148 from ajinkyapandetekdi/all-1.2-tn-dev

Issueid #219476 fix: Next button is not visible in level 9 below scre…
Sunbird-ALL · Aug 26, 2024 · 3f780d8 · 3f780d8
2 parents a1e04c1 + 1eb4acd
commit 3f780d8
Show file tree

Hide file tree

Showing 2 changed files with 111 additions and 171 deletions.
diff --git a/src/components/Mechanism/WordsOrImage.jsx b/src/components/Mechanism/WordsOrImage.jsx
@@ -46,7 +46,7 @@ const WordsOrImage = ({
   loading,
   setOpenMessageDialog,
   isNextButtonCalled,
-  setIsNextButtonCalled
+  setIsNextButtonCalled,
 }) => {
   const audioRef = createRef(null);
   const [duration, setDuration] = useState(0);
@@ -90,7 +90,7 @@ const WordsOrImage = ({
         livesData,
         gameOverData,
         loading,
-        setIsNextButtonCalled
+        setIsNextButtonCalled,
       }}
     >
       <CardContent
@@ -210,7 +210,7 @@ const WordsOrImage = ({
                   mb: 4,
                   color: "#333F61",
                   textAlign: "center",
-                  fontSize: "40px",
+                  fontSize: "clamp(1.6rem, 2.5vw, 3.8rem)",
                   // lineHeight: "normal",
                   fontWeight: 700,
                   fontFamily: "Quicksand",
@@ -222,18 +222,18 @@ const WordsOrImage = ({
             )}
             {matchedChar && (
               <Box
-              display={"flex"}
-              mb={4}
-              sx={{
-                width: "100%",
-                justifyContent: "center",
-                flexWrap: "wrap",
-              }}
-            >
+                display={"flex"}
+                mb={4}
+                sx={{
+                  width: "100%",
+                  justifyContent: "center",
+                  flexWrap: "wrap",
+                }}
+              >
                 {highlightWords(words, matchedChar)}
               </Box>
             )}
-         </Box>
+          </Box>
         )}
         <Box sx={{ display: "flex", justifyContent: "center" }}>
           <VoiceAnalyser
@@ -257,7 +257,7 @@ const WordsOrImage = ({
               setLivesData,
               setOpenMessageDialog,
               isNextButtonCalled,
-              setIsNextButtonCalled
+              setIsNextButtonCalled,
             }}
           />
         </Box>