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
Download Patch File Download Diff File Expand all files Collapse all files

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>