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

Compare commits

base: nicolo:872f9ebe0b83d609b165fc8e8bc6542f1784663f
Branches Tags
nicolo:master
..
compare: nicolo:6a76c853c9d7e27cc60ed9cc53330cf21c4b7016
Branches Tags
nicolo:master

2 Commits
872f9ebe0b ... 6a76c853c9

Author SHA1 Message Date
Nicolò P
6a76c853c9 Clunky layout... 2024-05-31 16:11:09 +02:00
Nicolò P
df680c6b63 Restore UI container to proper size... 2024-05-31 15:41:35 +02:00
2 changed files with 36 additions and 24 deletions
Show Stats Expand all files Collapse all files

8
css/bim.css
View File

@ -2,13 +2,13 @@
@import url('../vendor/bulma/css/bulma.min.css'); @import url('../vendor/bulma/css/bulma.min.css');
#scene { #scene {
min-height: 100vh; min-height: 92vh;
margin-left: 15vw;
overflow: hidden; overflow: hidden;
} }
#ui { #ui {
position: absolute; position: absolute;
top: 2rem; top: 3.5rem;
min-width: 100vw; max-width: 15vw;
min-height: 100vh;
z-index: 5; z-index: 5;
} }

52
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html data-theme="light">
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<title>WebArchi</title> <title>WebArchi</title>
@ -19,26 +19,38 @@
<script src='main.js' type="module"></script> <script src='main.js' type="module"></script>
</head> </head>
<body> <body>
<div id="scene"></div> <nav class="navbar" role="navigation" aria-label="main navigation">
<div id="ui" data-theme="light"> <div class="navbar-brand">
<div class="file ml-4"> <a class="navbar-item" href="/">
<label class="file-label"> <span class="icon mr-2">
<input class="file-input" <i class="fas fa-home"></i>
type="file" </span>
name="load-ifc" WebArchi
id="load-ifc" </a>
accept=".ifc" /> <!-- navbar items, navbar burger... -->
<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>
<div class="container p-3" style="min-height: 200px;"> </nav>
<span class="is-large"></span> <div class="columns">
<div class="column is-full">
<div id="scene"></div>
<div id="ui" 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>
</div> </div>
</div> </div>
</body> </body>
</html> </html>