diff --git a/css/bim.css b/css/bim.css index 6b7f896..b3681eb 100644 --- a/css/bim.css +++ b/css/bim.css @@ -1,22 +1,14 @@ @import url('../vendor/fontawesome-free/css/all.min.css'); @import url('../vendor/bulma/css/bulma.min.css'); -/* -input[type="file"] { - opacity: 0; -} -label[for="load-ifc"] { - padding: 10px; - cursor: pointer; - position: absolute; - top: 0; - right: 4rem; - background-color: #ddd; - border: 1px #333 solid; - border-radius: 5px; -} -*/ #scene { min-height: 100vh; overflow: hidden; } +#ui { + position: absolute; + top: 2rem; + min-width: 100vw; + min-height: 100vh; + z-index: 5; +} \ No newline at end of file diff --git a/index.html b/index.html index 48a10be..a8e925a 100644 --- a/index.html +++ b/index.html @@ -20,7 +20,7 @@
-
+
+
+ +
\ No newline at end of file diff --git a/main.js b/main.js index 96cb885..f020ada 100644 --- a/main.js +++ b/main.js @@ -3,20 +3,6 @@ import UI from './ui.js'; document.addEventListener('DOMContentLoaded', () => { - const container = document.querySelector('#scene'); - - UI.setScene(container); + UI.setScene(document.querySelector('#scene')); UI.ifcLoader(); - - // Creates a cube with three.js - /* - const material = new THREE.MeshLambertMaterial({ color: "#6528D7" }); - const geometry = new THREE.BoxGeometry(); - const cube = new THREE.Mesh(geometry, material); - world.scene.three.add(cube); - - world.scene.setup(); - - world.camera.controls.setLookAt(3, 3, 3, 0, 0, 0); - */ }); \ No newline at end of file