Fix icon layout on versions page

This commit is contained in:
Fred Boniface 2024-04-17 12:19:57 +01:00
parent b6d3d128bc
commit 94434cdcf8
1 changed files with 5 additions and 4 deletions

View File

@ -6,7 +6,7 @@
import LargeLogo from '$lib/images/large-logo.svelte';
import { version, versionTag } from '$lib/stores/version';
import { getApiUrl } from '$lib/scripts/upstream';
import { IconBrandGolang, IconBrandJavascript, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
import { IconBrandGolang, IconBrandJavascript, IconBrandNodejs, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
const title = 'Versions';
async function getData() {
@ -25,7 +25,7 @@
{:then data}
<Island>
<p>
<IconBrandSvelte />
<IconBrandSvelte /><IconBrandJavascript /><IconBrandTypescript /><br>
<a class="data" href="https://git.fjla.uk/owlboard/owlboard-svelte" target="_blank"
>Web-app version<br /><span class="data"
>{version}{#if versionTag}-{versionTag}{/if}</span
@ -33,7 +33,7 @@
>
</p>
<p>
<IconBrandTypescript /><br>
<IconBrandNodejs /><IconBrandJavascript /><IconBrandTypescript /><br>
<a class="data" href="https://git.fjla.uk/owlboard/backend" target="_blank">API Server version<br /><span class="data">{data?.backend || 'Unknown'}</span></a>
</p>
<p>
@ -51,7 +51,7 @@
<IconBrandSvelte /><IconBrandJavascript /><IconBrandTypescript /><br>
Web-app Version<br /><span class="data">{version}{#if versionTag}-{versionTag}{/if}</span>
</p>
<p>Unable to fetch server versions</p>
<p>Unable to fetch server application versions</p>
</Island>
{/await}
<Nav />
@ -59,6 +59,7 @@
<style>
p {
text-decoration: none;
padding: 15px;
}
.data {
color: white;