chore: modify video size

mobile/src/components/ProductCard.tsx

@@ -537,31 +537,27 @@ const styles = StyleSheet.create({
     },
     videoModalOverlay: {
         flex: 1,
-        backgroundColor: "rgba(0,0,0,0.95)",
-        justifyContent: "center",
-        alignItems: "center",
-        padding: 20,
+        backgroundColor: "#000",
+        padding: 0,
     },
     videoModalContent: {
+        flex: 1,
         width: "100%",
-        maxWidth: 500,
-        borderRadius: 12,
+        backgroundColor: "#000",
         overflow: "hidden",
         position: "relative",
     },
     videoCloseBtn: {
         position: "absolute",
-        top: 15,
-        right: 15,
-        width: 40,
-        height: 40,
-        borderRadius: 20,
-        backgroundColor: "rgba(255,255,255,0.1)",
-        borderWidth: 2,
-        borderColor: "rgba(255,255,255,0.3)",
+        top: 16,
+        right: 16,
+        width: 44,
+        height: 44,
+        borderRadius: 22,
+        backgroundColor: "rgba(239,68,68,0.85)",
         justifyContent: "center",
         alignItems: "center",
         zIndex: 10,
     },
-    videoPlayer: { width: "100%", height: 300 },
+    videoPlayer: { width: "100%", flex: 1 },
 });

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],
     );