diff --git a/model-viewer/index.html b/model-viewer/index.html index 05d7fc065c52ccf3bae9d7f8764eef5c9bd6063f..2904a0a66801a589a08a627a9250446ae98cdca5 100644 --- a/model-viewer/index.html +++ b/model-viewer/index.html @@ -6,20 +6,19 @@ src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js" ></script> <style> - div { - height: 100svh; - width: 100svw; - } model-viewer { height: inherit; width: inherit; } + .host { + height: 100svh; + width: 100svw; + } .button { display: flex; justify-content: center; align-items: center; padding: 9px 12px; - gap: 8px; height: 40px; width: 172px; border: none; @@ -27,7 +26,6 @@ border-radius: 20px; cursor: pointer; } - .label { line-height: 22px; font-size: 17px; @@ -38,11 +36,10 @@ </style> </head> <body> - <div> + <div class="host"> <model-viewer src="deer/scene.gltf" ar - ar-modes="scene-viewer quick-look" shadow-intensity="1" camera-controls touch-action="none" @@ -53,14 +50,4 @@ </model-viewer> </div> </body> - <footer> - <script type="module"> - window.addEventListener("load", () => { - const modelViewer = document.querySelector('model-viewer'); - if (modelViewer.canActivateAR) { - modelViewer.activateAR(); - } - }); - </script> - </footer> </html>