Update viewer_ar_ios.js
Browse files- viewer_ar_ios.js +4 -4
viewer_ar_ios.js
CHANGED
|
@@ -107,16 +107,16 @@
|
|
| 107 |
|
| 108 |
// ============ UI / Overlay commun ============
|
| 109 |
var css = [
|
| 110 |
-
".pc-ar-msg{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:10002;padding:10px 14px;background:rgba(0,0,0,.65);color:#fff;border-radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:
|
| 111 |
"#xr-overlay-root{position:fixed;inset:0;z-index:10001;pointer-events:none}",
|
| 112 |
|
| 113 |
".ar-ui{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.55);color:#fff;padding:12px 10px;border-radius:16px;width:56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(0,0,0,.25);backdrop-filter:blur(6px);touch-action:none}",
|
| 114 |
-
".ar-ui .label{font-size:
|
| 115 |
".rotY-wrap{position:relative;width:48px;height:200px;display:flex;align-items:center;justify-content:center;touch-action:none;overflow:visible;pointer-events:auto}",
|
| 116 |
".rotY-rail{position:absolute;left:50%;transform:translateX(-50%);width:4px;height:100%;background:rgba(255,255,255,.35);border-radius:2px;pointer-events:none}",
|
| 117 |
".rotY-knob{position:absolute;left:50%;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35);transform:translate(-50%,-50%);top:50%;will-change:top;touch-action:none;pointer-events:none}",
|
| 118 |
".ar-ui input[type=\"range\"].rotY{position:absolute;opacity:0;pointer-events:none;width:0;height:0}",
|
| 119 |
-
".ar-ui .val{font-size:
|
| 120 |
|
| 121 |
/* iOS Quick Look button */
|
| 122 |
"#ios-quicklook-btn{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:10003;display:inline-block;pointer-events:auto}",
|
|
@@ -174,7 +174,7 @@
|
|
| 174 |
img.alt = "Voir en AR";
|
| 175 |
img.src =
|
| 176 |
"data:image/svg+xml;charset=utf-8," +
|
| 177 |
-
encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="160" height="44"><rect rx="8" ry="8" width="160" height="44" fill="black"/><text x="80" y="28" font-size="
|
| 178 |
|
| 179 |
anchor.appendChild(img);
|
| 180 |
document.body.appendChild(anchor);
|
|
|
|
| 107 |
|
| 108 |
// ============ UI / Overlay commun ============
|
| 109 |
var css = [
|
| 110 |
+
".pc-ar-msg{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:10002;padding:10px 14px;background:rgba(0,0,0,.65);color:#fff;border-radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:24px;line-height:1.3;text-align:center;max-width:min(90vw,640px);box-shadow:0 6px 20px rgba(0,0,0,.25);backdrop-filter:blur(4px);pointer-events:none}",
|
| 111 |
"#xr-overlay-root{position:fixed;inset:0;z-index:10001;pointer-events:none}",
|
| 112 |
|
| 113 |
".ar-ui{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.55);color:#fff;padding:12px 10px;border-radius:16px;width:56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(0,0,0,.25);backdrop-filter:blur(6px);touch-action:none}",
|
| 114 |
+
".ar-ui .label{font-size:22px;text-align:center;opacity:.95}",
|
| 115 |
".rotY-wrap{position:relative;width:48px;height:200px;display:flex;align-items:center;justify-content:center;touch-action:none;overflow:visible;pointer-events:auto}",
|
| 116 |
".rotY-rail{position:absolute;left:50%;transform:translateX(-50%);width:4px;height:100%;background:rgba(255,255,255,.35);border-radius:2px;pointer-events:none}",
|
| 117 |
".rotY-knob{position:absolute;left:50%;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35);transform:translate(-50%,-50%);top:50%;will-change:top;touch-action:none;pointer-events:none}",
|
| 118 |
".ar-ui input[type=\"range\"].rotY{position:absolute;opacity:0;pointer-events:none;width:0;height:0}",
|
| 119 |
+
".ar-ui .val{font-size:22px;opacity:.95}",
|
| 120 |
|
| 121 |
/* iOS Quick Look button */
|
| 122 |
"#ios-quicklook-btn{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:10003;display:inline-block;pointer-events:auto}",
|
|
|
|
| 174 |
img.alt = "Voir en AR";
|
| 175 |
img.src =
|
| 176 |
"data:image/svg+xml;charset=utf-8," +
|
| 177 |
+
encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="160" height="44"><rect rx="8" ry="8" width="160" height="44" fill="black"/><text x="80" y="28" font-size="24" text-anchor="middle" fill="white" font-family="system-ui, -apple-system, Segoe UI, Roboto">Voir en AR</text></svg>');
|
| 178 |
|
| 179 |
anchor.appendChild(img);
|
| 180 |
document.body.appendChild(anchor);
|