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,6 +19,19 @@
<script src='main.js' type="module"></script>
</head>
<body>
<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>
</nav>
<div class="columns">
<div class="column is-full">
<div id="scene"></div>
<div id="ui" data-theme="light">
<div class="file ml-4">
@ -37,5 +50,7 @@
</label>
</div>
</div>
</div>
</div>
</body>
</html>