chore: simplify loading api-text
This commit is contained in:
parent
975b22b252
commit
93f3506f83
4 changed files with 9 additions and 14 deletions
|
@ -1,5 +1,5 @@
|
|||
<script type="module" src="/assets/scripts/components/api-text.js"></script>
|
||||
<api-text api-url="/api/now-playing">
|
||||
<p class="loading text--blurred fade">🎧 Loading...</p>
|
||||
<p class="content fade" style="opacity:0"></p>
|
||||
<p class="loading">🎧 Loading...</p>
|
||||
<p class="content"></p>
|
||||
</api-text>
|
|
@ -395,11 +395,6 @@ li {
|
|||
text-align: center !important;
|
||||
}
|
||||
|
||||
.text--blurred {
|
||||
color: transparent;
|
||||
text-shadow: 0 0 6px var(--text-color);
|
||||
}
|
||||
|
||||
.fade {
|
||||
transition-property: opacity;
|
||||
transition-timing-function: var(--transition-ease-in-out);
|
||||
|
|
Reference in a new issue