Rewrite display status style

This commit is contained in:
Djuri 2024-08-31 17:10:26 +02:00
parent 21a7192e6d
commit a2ef9fb343
6 changed files with 163 additions and 135 deletions

View file

@ -7,16 +7,23 @@
const isSplitText = (str: string) => {
return str.includes('/');
};
export let className = 'btclock-wrapper';
</script>
<div class="btclock-wrapper" id="btclock-wrapper">
<div class={className}>
<div class="btclock">
{#each status.data as char}
{#if isSplitText(char)}
<div class="splitText">
{#each char.split('/') as part}
{#if char.split('/').length}
<span class="top-text">{char.split('/')[0]}</span>
<hr />
<span class="bottom-text">{char.split('/')[1]}</span>
{/if}
<!-- {#each char.split('/') as part}
<div class="flex-items">{part}</div>
{/each}
{/each} -->
</div>
{:else if char.startsWith('mdi')}
<div class="digit icon">