From a6196e8f7dc3c572e3d402fe32974e95093cdafc Mon Sep 17 00:00:00 2001
From: guofei <guofeichu@gmail.com>
Date: Thu, 17 Oct 2024 11:07:36 +0800
Subject: [PATCH] fix: img bg prohibit  drag

---
 src/Components/deviceFrame/index.js | 30 ++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/Components/deviceFrame/index.js b/src/Components/deviceFrame/index.js
index 06fc0c9..09d00b2 100644
--- a/src/Components/deviceFrame/index.js
+++ b/src/Components/deviceFrame/index.js
@@ -12,18 +12,21 @@ import React, { useEffect, useState } from "react";
 import { BaseUrl } from "../../constants";
 import { Alert, Snackbar } from "@mui/material";
 import { useTranslation } from "react-i18next";
+import zIndex from "@mui/material/styles/zIndex";
 
 var configMap = {
 	"android-h": {
 		bkg: androidVPng,
 		rotate: true,
 		width: "666px",
-		height: "321px"
+		height: "321px",
+		offsetv: "4px",
 	},
 	"android-v": {
 		bkg: androidVPng,
-		width: "323px",
+		width: "321px",
 		height: "666px",
+		offsetv: "5px",
 	},
 	"iphone-h": {
 		bkg: iphoneVPng,
@@ -37,15 +40,16 @@ var configMap = {
 		height: "693px",
 	},
 	"ipad-h": {
-		bkg: ipadVPng,
-		rotate: true,
-		width: "460px",
-		height: "320px",
+		bkg: ipadHPng,
+		width: "433px",
+		height: "326px",
+		offsetv: "5px",
 	},
 	"ipad-v": {
 		bkg: ipadVPng,
-		width: "320px",
-		height: "460px",
+		width: "324px",
+		height: "433px",
+		offsetv: "5px",
 	},
 };
 
@@ -74,14 +78,14 @@ function DeviceFrame(props) {
 			<img src={refreshButtonPng} alt="refresh" onClick={() => refresh()} className="refreshButton" />
 			{props.qrDataUrl && (
 				<div className="qrCode">
-					<img src={props.qrDataUrl} alt="qr code" style={{marginBottom: '6px'}} />
-					<p style={{ margin: "0",   }}>
+					<img src={props.qrDataUrl} alt="qr code" />
+					<p style={{ margin: "0", }}>
 						{t("scan")}
 						<CopyToClipboard text={absoluteUrl} onCopy={() => setOpenPopup(true)}>
-							<img style={{ cursor: "pointer", width: "20px", height: "20px", marginLeft: "9px" }} src={copyPng} alt="复制链接" />
+							<img style={{ cursor: "pointer", width: "20px", height: "20px" }} src={copyPng} alt="复制链接" />
 						</CopyToClipboard>
 					</p>
-					
+
 				</div>
 			)}
 			<Snackbar
@@ -97,7 +101,7 @@ function DeviceFrame(props) {
 				</Alert>
 			</Snackbar>
 			<div>
-				<img src={config.bkg} alt="background" style={{position: "relative" , zIndex: 100, transform:  config.rotate ? "rotate(-90deg)" : "" }} />
+				<img src={config.bkg} alt="background" style={{ position: "relative", zIndex: 100, transform: config.rotate ? "rotate(-90deg)" : "", pointerEvents: 'none' }} />
 				{props.htmlUrl && (
 					<iframe
 						id="deviceFrame"