LogalDeveloper/owncast
0
Fork 0
Code Activity

Experiment with showing logo while loading. For #849

Browse Source
This commit is contained in:
Gabe Kangas
2021-03-22 21:52:17 -07:00
parent bdc669d571
commit 5dc5de815c
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
webroot/index.html
View File

@@ -72,7 +72,9 @@
</head> </head>
<body class="scrollbar-hidden bg-gray-300 text-gray-800"> <body class="scrollbar-hidden bg-gray-300 text-gray-800">
<div id="app"></div> <div id="app">
<img id="loading-logo" src="/logo">
</div>
<script type="module"> <script type="module">
import { h, render } from '/js/web_modules/preact.js'; import { h, render } from '/js/web_modules/preact.js';

8
webroot/styles/app.css
View File

@@ -17,6 +17,14 @@ html {
scrollbar-width: none; scrollbar-width: none;
} }
#loading-logo {
margin-top: 10%;
margin-left: auto;
margin-right: auto;
width: 30%;
opacity: 0.2;
}
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }