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