diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-31 01:04:10 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-31 01:04:10 +0200 |
| commit | 852ee620f0a2f6a83cf83eba860ca951b66bb7e2 (patch) | |
| tree | 3b1db871625c89f08c3c6422c135f84ec116943b /src/lib/components/forum_list | |
| parent | d2cd7f1b4c318ac8587ab3dc1dec4a44b6d592fe (diff) | |
Use supabase
Diffstat (limited to 'src/lib/components/forum_list')
| -rw-r--r-- | src/lib/components/forum_list/forum_list.svelte | 31 |
1 files changed, 7 insertions, 24 deletions
diff --git a/src/lib/components/forum_list/forum_list.svelte b/src/lib/components/forum_list/forum_list.svelte index 250e36e..d1518bd 100644 --- a/src/lib/components/forum_list/forum_list.svelte +++ b/src/lib/components/forum_list/forum_list.svelte @@ -4,14 +4,16 @@ export let forums: Forum[]; import { _ } from 'svelte-i18n'; - $: sortedForums = forums.slice().sort((a, b) => a.position - b.position); + $: sortedForums = forums + .slice() + .sort((a, b) => a.position - b.position); </script> -<ul> +<ul class="p-0 pl-2"> {#each sortedForums as forum} - <li> - <a href="/f/{forum.id}"> - <span aria-hidden="true" class="navigation-glyph {forum.glyph}">{forum.glyph}</span> + <li class="block text-left mb-5"> + <a class="no-underline text-blue-600 visited:text-purple-500" href="/f/{forum.id}"> + <span aria-hidden="true" class="block text-2xl {forum.glyph}">{forum.glyph}</span> <span class="navigation-label">{$_(forum.label)}</span> </a> </li> @@ -19,26 +21,7 @@ </ul> <style> - ul { - padding: 0; - } - - li { - display: block; - text-align: left; - margin-bottom: 20px; - } - - .navigation-glyph { - font-size: 1.5rem; - display: block; - } - .☽ { font-size: 2rem; } - - a { - text-decoration: none; - } </style> |