admin/cobalt
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

web/updates: clean up components

Browse Source
This commit is contained in:
wukko
2024-07-17 13:32:07 +06:00
parent 8eee024899
commit 1ec9d92eb2
3 changed files with 70 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
web/src/routes/updates/+page.svelte
View File

@@ -62,6 +62,54 @@
$: currentIndex, loadChangelog();
</script>
<svelte:head>
<title>
{$t("general.cobalt")}: {$t("tabs.updates")}
</title>
</svelte:head>
<svelte:window on:keydown={handleKeydown} />
<div class="news">
{#if changelog}
<div class="button-wrapper-desktop">
<button on:click={loadPrev} disabled={!prev}>
<IconChevronLeft />
{ prev || '' }
</button>
</div>
<div class="changelog-wrapper">
<svelte:component this={changelog.default} version={changelog.version} />
<div class="button-wrapper-mobile">
<button on:click={loadPrev} disabled={!prev}>
<IconChevronLeft />
{ prev || '' }
</button>
<button
on:click={loadNext}
on:focus={preloadNext}
on:mousemove={preloadNext}
disabled={!next}
>
{ next || '' }
<IconChevronRight />
</button>
</div>
</div>
<div class="button-wrapper-desktop">
<button
on:click={loadNext}
on:focus={preloadNext}
on:mousemove={preloadNext}
disabled={!next}
>
{ next || '' }
<IconChevronRight />
</button>
</div>
{/if}
</div>
<style>
.news {
display: flex;
@@ -110,51 +158,3 @@
}
}
</style>
<svelte:head>
<title>
{$t("general.cobalt")}: {$t("tabs.updates")}
</title>
</svelte:head>
<svelte:window on:keydown={handleKeydown} />
<div class="news">
{#if changelog}
<div class="button-wrapper-desktop">
<button on:click={loadPrev} disabled={!prev}>
<IconChevronLeft />
{ prev || '' }
</button>
</div>
<div class="changelog-wrapper">
<svelte:component this={changelog.default} version={changelog.version} />
<div class="button-wrapper-mobile">
<button on:click={loadPrev} disabled={!prev}>
<IconChevronLeft />
{ prev || '' }
</button>
<button
on:click={loadNext}
on:focus={preloadNext}
on:mousemove={preloadNext}
disabled={!next}
>
{ next || '' }
<IconChevronRight />
</button>
</div>
</div>
<div class="button-wrapper-desktop">
<button
on:click={loadNext}
on:focus={preloadNext}
on:mousemove={preloadNext}
disabled={!next}
>
{ next || '' }
<IconChevronRight />
</button>
</div>
{/if}
</div>