nicolo/ifc-web-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Bulma and css

Browse Source
This commit is contained in:
Nicolò P 2024-05-30 16:00:55 +02:00
parent b62a8fe579
commit d4eda16b59
4 changed files with 52 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/bim.css Normal file
View File

@ -0,0 +1,22 @@
@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;
}

42
index.html
View File

@ -4,7 +4,7 @@
<meta charset='utf-8'>
<title>WebArchi</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<!--<link rel='stylesheet' type='text/css' media='screen' href='main.css'>-->
<link rel='stylesheet' type='text/css' media='screen' href='css/bim.css' />
<script type="importmap">
{
"imports": {
@ -17,31 +17,25 @@
}
</script>
<script src='main.js' type="module"></script>
<style>
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;
}
</style>
</head>
<body>
<div id="scene" style="min-height: 100vh;"></div>
<div id="ui" style="position: absolute; top: 2rem; min-width: 100vw; z-index: 5;">
<label for="load-ifc">Apri file IFC</label>
<input
type="file"
id="load-ifc"
name="load-ifc"
accept=".ifc" />
<div id="scene"></div>
<div id="ui" style="position: absolute; top: 2rem; min-width: 100vw; z-index: 5;" data-theme="light">
<div class="file ml-4">
<label class="file-label">
<input class="file-input"
type="file"
name="load-ifc"
id="load-ifc"
accept=".ifc" />
<span class="file-cta">
<span class="file-icon">
<i class="fas fa-upload"></i>
</span>
<span class="file-label">Apri file IFC...</span>
</span>
</label>
</div>
</div>
</body>
</html>

2
package.json
View File

@ -3,6 +3,8 @@
"@thatopen/components": "^2.0.1",
"@thatopen/components-front": "^2.0.2",
"@thatopen/fragments": "^2.0.0",
"bulma": "^1.0.1",
"fontawesome-free": "^1.0.4",
"lit": "^3.1.3",
"three": "^0.164.1",
"web-ifc": "^0.0.54"

10
yarn.lock
View File

@ -47,6 +47,11 @@
resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
bulma@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/bulma/-/bulma-1.0.1.tgz#e37261d6f8e1a3494c9378803d9958effb2715ce"
integrity sha512-+xv/BIAEQakHkR0QVz+s+RjNqfC53Mx9ZYexyaFNFo9wx5i76HXArNdwW7bccyJxa5mgV/T5DcVGqsAB19nBJQ==
camera-controls@2.7.3:
version "2.7.3"
resolved "https://registry.yarnpkg.com/camera-controls/-/camera-controls-2.7.3.tgz#99e0449f68d203bf5f98f6c4ac0021c10b5c13a8"
@ -67,6 +72,11 @@ flatbuffers@23.3.3:
resolved "https://registry.yarnpkg.com/flatbuffers/-/flatbuffers-23.3.3.tgz#23654ba7a98d4b866a977ae668fe4f8969f34a66"
integrity sha512-jmreOaAT1t55keaf+Z259Tvh8tR/Srry9K8dgCgvizhKSEr6gLGgaOJI2WFL5fkOpGOGRZwxUrlFn0GCmXUy6g==
fontawesome-free@^1.0.4:
version "1.0.4"
resolved "https://registry.yarnpkg.com/fontawesome-free/-/fontawesome-free-1.0.4.tgz#c7c499708dabd59eb5dedf232b590a862e05957b"
integrity sha512-7sX6Lbg2oQiClFFFFitJlKg20h3YTBON6rdmq3uGjNwDo8G6EjF2bfj2OjjcCUmf4OvZCgyHaXfW2JseqissLw==
lit-element@^4.0.4:
version "4.0.5"
resolved "https://registry.yarnpkg.com/lit-element/-/lit-element-4.0.5.tgz#f20cd8a6231eaf5358f7a6877ca6ea7628fa2015"