Add message when no service is loaded

This commit is contained in:
Alice Gaudon 2020-05-05 21:56:07 +02:00
parent 39db5c1d9d
commit ea65742bef
2 changed files with 14 additions and 0 deletions

View File

@ -33,6 +33,7 @@
<div id="services"> <div id="services">
<div class="loader"></div> <div class="loader"></div>
<div id="url-preview" class="hidden"></div> <div id="url-preview" class="hidden"></div>
<div id="empty-message">Load a service using the menu on the left.</div>
</div> </div>
</body> </body>

View File

@ -242,3 +242,16 @@ body {
#url-preview.hidden { #url-preview.hidden {
opacity: 0; opacity: 0;
} }
#services > #empty-message {
display: flex !important;
position: absolute;
bottom: 0;
width: 100%;
justify-content: center;
align-items: center;
}
#services > .loader:not(.hidden) ~ #empty-message {
display: none !important;
}