Use tailwind, reference types

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

diff --git a/src/lib/components/footer/footer.svelte b/src/lib/components/footer/footer.svelte
index 5c171d270864278d133e10e7f951f1ba35ceda0d..e2db937f1a2edb97d724d8f92a05396515273d6e 100644 (file)
--- a/src/lib/components/footer/footer.svelte
+++ b/src/lib/components/footer/footer.svelte
@@ -6,25 +6,12 @@
        const licenseUrl = 'https://gitlab.com/rbdr/forum/';
 </script>
 
-<footer title={$_('footer.title')}>
-       <ul>
-               <li>{@html $_('footer.license', { values: { licenseUrl } })}</li>
-               <li>{$_('footer.choose_language')}: <LanguageSelector /></li>
+<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>
-
-<style>
-       footer {
-               grid-column: col-start 1 / span 12;
-               border-top: 1px solid black;
-       }
-
-       ul {
-               padding: 0;
-       }
-
-       li {
-               display: inline;
-               margin: 5px;
-       }
-</style>