client: Use Bulma as CSS framework

Use Bulma as CSS framework and show a loading spinner when the WASM
client application is loading.
This commit is contained in:
finga 2022-09-17 19:41:24 +02:00
parent f85a4d7e87
commit 0d0f26d6c0
4 changed files with 14 additions and 1 deletions

3
.gitmodules vendored Normal file
View file

@ -0,0 +1,3 @@
[submodule "vendor/bulma"]
path = vendor/bulma
url = https://github.com/jgthms/bulma.git

View file

@ -3,8 +3,15 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<link data-trunk rel="scss" href="index.scss"/>
<title>LockWatch</title> <title>LockWatch</title>
</head> </head>
<body>loading...</body> <body>
<section class="section">
<div class="columns is-centered">
<span class="loader"></span>
</div>
</section>
</body>
</html> </html>

2
client/index.scss Normal file
View file

@ -0,0 +1,2 @@
@charset "utf-8";
@import "../vendor/bulma/bulma.sass";

1
vendor/bulma vendored Submodule

@ -0,0 +1 @@
Subproject commit 1af081285ef37990ce4b25ed9b1166ff3397ab08