Use tailwind, reference types

[rbdr/forum] / src / lib / components / footer / footer.svelte

<script lang="ts">
	import { _ } from 'svelte-i18n';

	import LanguageSelector from '$lib/components/language_selector/language_selector.svelte';

	const licenseUrl = 'https://gitlab.com/rbdr/forum/';
</script>

<footer
	class="col-start-1 col-span-12 border-t-2 border-t-black border-solid"
	title={$_('footer.title')}
>
	<ul class="p-0">
		<li class="inline m-1">{@html $_('footer.license', { values: { licenseUrl } })}</li>
		<li class="inline m-1">{$_('footer.choose_language')}: <LanguageSelector /></li>
	</ul>
</footer>