Clunky layout...
This commit is contained in:
parent
df680c6b63
commit
6a76c853c9
@ -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;
|
||||
}
|
51
index.html
51
index.html
@ -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>
|
Loading…
Reference in New Issue
Block a user