chore: modify video size

mobile/src/screens/client/ProductDetailScreen.tsx

@@ -173,7 +173,7 @@ export default function ProductDetailScreen() {
                     overflow: "hidden",
                 },
                 imageSectionOut: { opacity: 0.4 },
-                image: { width: "100%", height: "100%", padding: spacing.l },
+                image: { width: "100%", height: "100%" },
                 imagePlaceholder: {
                     width: "100%",
                     height: "100%",
@@ -402,24 +402,14 @@ export default function ProductDetailScreen() {
                 },
                 videoOverlay: {
                     flex: 1,
-                    backgroundColor: "rgba(0,0,0,0.9)",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    padding: 20,
+                    backgroundColor: "#000",
+                    padding: 0,
                 },
                 videoContent: {
+                    flex: 1,
                     width: "100%",
-                    maxWidth: 500,
-                    backgroundColor: colors.bgSecondary,
-                    borderRadius: 20,
+                    backgroundColor: "#000",
                     overflow: "hidden",
-                    borderWidth: 1,
-                    borderColor: overlayBorder,
-                    shadowColor: catColor,
-                    shadowOffset: { width: 0, height: 0 },
-                    shadowOpacity: 0.15,
-                    shadowRadius: 30,
-                    elevation: 20,
                 },
                 videoTopBar: {
                     flexDirection: "row",
@@ -449,7 +439,7 @@ export default function ProductDetailScreen() {
                     justifyContent: "center",
                     alignItems: "center",
                 },
-                videoPlayer: { width: "100%", height: 300 },
+                videoPlayer: { width: "100%", flex: 1 },
             }),
         [colors, isDark, catColor],
     );