diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-04-15 23:06:26 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-04-15 23:06:26 +0200 |
| commit | 58f7d52150456713d3132408668a92d0f6f3d084 (patch) | |
| tree | 4b346042a684e416e53c4f4ac779060b832ad227 /src/components/forum_list | |
| parent | 63c3da2af27fcfb1a9893ade03543e3a30949c8d (diff) | |
Port to sveltekit
Diffstat (limited to 'src/components/forum_list')
| -rw-r--r-- | src/components/forum_list/forum_list.svelte | 88 |
1 files changed, 44 insertions, 44 deletions
diff --git a/src/components/forum_list/forum_list.svelte b/src/components/forum_list/forum_list.svelte index 2998c09..7bfb7b2 100644 --- a/src/components/forum_list/forum_list.svelte +++ b/src/components/forum_list/forum_list.svelte @@ -1,56 +1,56 @@ <script> - import { _ } from 'svelte-i18n'; - import { forums } from '$/stores/forums'; - import Loader from '$/components/loader/loader.svelte'; - import ErrorBlock from '$/components/error_block/error_block.svelte'; + import { _ } from 'svelte-i18n'; + import { forums } from '$/stores/forums'; + import Loader from '$/components/loader/loader.svelte'; + import ErrorBlock from '$/components/error_block/error_block.svelte'; </script> -<nav title="{$_('forum_list.title')}"> - {#if $forums.loading} - <Loader /> - {/if} - {#if $forums.error} - <ErrorBlock message={$_('forum_list.error.unavailable')} /> - {/if} - <ul> - {#each $forums.data as forum} - <li> - <a href="/f/{forum.id}"> - <span aria-hidden="true" class="navigation-glyph {forum.glyph}">{forum.glyph}</span> - <span class="navigation-label">{$_(forum.label)}</span> - </a> - </li> - {/each} - </ul> +<nav title={$_('forum_list.title')}> + {#if $forums.loading} + <Loader /> + {/if} + {#if $forums.error} + <ErrorBlock message={$_('forum_list.error.unavailable')} /> + {/if} + <ul> + {#each $forums.data as forum} + <li> + <a href="/f/{forum.id}"> + <span aria-hidden="true" class="navigation-glyph {forum.glyph}">{forum.glyph}</span> + <span class="navigation-label">{$_(forum.label)}</span> + </a> + </li> + {/each} + </ul> </nav> <style> - nav { - grid-column: col-start 1; - grid-row: 2; - border-right: 1px solid black; - } + nav { + grid-column: col-start 1; + grid-row: 2; + border-right: 1px solid black; + } - ul { - padding: 0; - } + ul { + padding: 0; + } - li { - display: block; - text-align: left; - margin-bottom: 20px; - } + li { + display: block; + text-align: left; + margin-bottom: 20px; + } - .navigation-glyph { - font-size: 1.5rem; - display: block; - } + .navigation-glyph { + font-size: 1.5rem; + display: block; + } - .☽ { - font-size: 2rem; - } + .☽ { + font-size: 2rem; + } - a { - text-decoration: none; - } + a { + text-decoration: none; + } </style> |