Compare commits

..

2 Commits

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

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;
} }

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,6 +19,19 @@
<script src='main.js' type="module"></script> <script src='main.js' type="module"></script>
</head> </head>
<body> <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="scene"></div>
<div id="ui" data-theme="light"> <div id="ui" data-theme="light">
<div class="file ml-4"> <div class="file ml-4">
@ -36,8 +49,7 @@
</span> </span>
</label> </label>
</div> </div>
<div class="container p-3" style="min-height: 200px;"> </div>
<span class="is-large"></span>
</div> </div>
</div> </div>
</body> </body>