Add bitaxe icon and modify tests for it

This commit is contained in:
Djuri 2024-12-18 01:24:21 +01:00
parent 266a99be96
commit eff18ba0c3
4 changed files with 27 additions and 3 deletions

View file

@ -299,3 +299,7 @@ nav {
input[type='number'] {
text-align: right;
}
.lightMode .bitaxelogo {
filter: brightness(0) saturate(100%);
}

View file

@ -59,7 +59,7 @@
{/each} -->
</div>
{:else if char.startsWith('mdi')}
<div class="digit icon">
<div class={'digit icon' + (char.endsWith('bitaxe') ? ' icon-img' : '')}>
{#if char.endsWith('rocket')}
<RocketIcon></RocketIcon>
{/if}
@ -69,6 +69,9 @@
{#if char.endsWith('bolt')}
<ZapIcon></ZapIcon>
{/if}
{#if char.endsWith('bitaxe')}
<img src="/bitaxe.webp" class="bitaxelogo" />
{/if}
</div>
{:else if char === 'STS'}
<div class="digit sats">S</div>
@ -83,8 +86,22 @@
</div>
</div>
<style>
<style lang="scss">
.icon {
fill: currentColor;
}
.btclock-wrapper .btclock .icon.icon-img {
// padding: 0 15px;
aspect-ratio: 1;
width: calc(100 / 7);
img {
max-width: 95%;
}
}
.bitaxelogo {
transform: rotate(-90deg);
}
</style>