Clunky layout...

This commit is contained in:
Nicolò P 2024-05-31 16:11:09 +02:00
parent df680c6b63
commit 6a76c853c9
2 changed files with 37 additions and 21 deletions

View File

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

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html data-theme="light">
<head>
<meta charset='utf-8'>
<title>WebArchi</title>
@ -19,23 +19,38 @@
<script src='main.js' type="module"></script>
</head>
<body>
<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>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<span class="icon mr-2">
<i class="fas fa-home"></i>
</span>
WebArchi
</a>
<!-- navbar items, navbar burger... -->
</div>
</div>
</nav>
<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>
</body>
</html>