Merge pull request #197 from ajinkyapandetekdi/all-1.3-tn-dev

Issueid #0000 feat: zoom in and out feature enable for fillintheblanks
Sunbird-ALL · Nov 4, 2024 · 3ac74e5 · 3ac74e5
2 parents 5f83137 + 06b12f8
commit 3ac74e5
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/components/Practice/Mechanics3.jsx b/src/components/Practice/Mechanics3.jsx
@@ -304,7 +304,14 @@ const Mechanics2 = ({
                   justifyContent: "center",
                 }}
               >
-                <Box sx={{ position: "relative", outline: "none" }}>
+                <Box
+                  sx={{
+                    position: "relative",
+                    outline: "none",
+                    height: "500px",
+                    width: "500px",
+                  }}
+                >
                   {/* Subtle gradient overlay at the top of the zoomed image */}
                   <Box
                     sx={{
@@ -341,8 +348,10 @@ const Mechanics2 = ({
                     src={image}
                     alt="Zoomed content"
                     style={{
-                      maxWidth: "90vw",
-                      maxHeight: "90vh",
+                      // maxWidth: "90vw",
+                      // maxHeight: "90vh",
+                      // height:"500px",
+                      width: "100%",
                       borderRadius: "8px",
                     }}
                   />