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