web/updates: replace chevron with arrow

This commit is contained in:
wukko 2024-07-23 12:19:12 +06:00
parent ee162aa236
commit 48078e7e75
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

@ -8,8 +8,8 @@
import ChangelogSkeleton from "$components/changelog/ChangelogSkeleton.svelte";
import IconChevronLeft from "@tabler/icons-svelte/IconChevronLeft.svelte";
import IconChevronRight from "@tabler/icons-svelte/IconChevronRight.svelte";
import IconArrowLeft from "@tabler/icons-svelte/IconArrowLeft.svelte";
import IconArrowRight from "@tabler/icons-svelte/IconArrowRight.svelte";
const changelogs = getAllChangelogs();
const versions = Object.keys(changelogs);
@ -72,7 +72,7 @@
<div id="left-button" class="button-wrapper-desktop">
{#if prev}
<button on:click={loadPrev}>
<IconChevronLeft />
<IconArrowLeft />
{prev || ""}
</button>
{/if}
@ -91,7 +91,7 @@
{/await}
<div class="button-wrapper-mobile">
<button on:click={loadPrev} disabled={!prev}>
<IconChevronLeft />
<IconArrowLeft />
{prev || ""}
</button>
<button
@ -101,7 +101,7 @@
disabled={!next}
>
{next || ""}
<IconChevronRight />
<IconArrowRight />
</button>
</div>
</div>
@ -113,7 +113,7 @@
on:mousemove={preloadNext}
>
{next || ""}
<IconChevronRight />
<IconArrowRight />
</button>
{/if}
</div>
@ -142,6 +142,10 @@
border: none;
}
button :global(svg) {
stroke-width: 1.6px;
}
.button-wrapper-desktop button:not(:focus-visible) {
box-shadow: none;
}