Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/updates: replace chevron with arrow

Browse source
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
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/src/routes/updates/+page.svelte
View file

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