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:
parent
f85a4d7e87
commit
0d0f26d6c0
4 changed files with 14 additions and 1 deletions
3
.gitmodules
vendored
Normal file
3
.gitmodules
vendored
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
[submodule "vendor/bulma"]
|
||||||
|
path = vendor/bulma
|
||||||
|
url = https://github.com/jgthms/bulma.git
|
|
@ -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
2
client/index.scss
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
@import "../vendor/bulma/bulma.sass";
|
1
vendor/bulma
vendored
Submodule
1
vendor/bulma
vendored
Submodule
|
@ -0,0 +1 @@
|
||||||
|
Subproject commit 1af081285ef37990ce4b25ed9b1166ff3397ab08
|
Loading…
Reference in a new issue