+++ /dev/null
-<script>
- import { _ } from 'svelte-i18n';
- import { forums } from '../../stores/forums.js';
- import ErrorBlock from '../error_block/error_block.svelte';
-</script>
-
-<nav title="List of Forums">
- {#if !$forums.length}
- <ErrorBlock message={$_('forum_list.error.unavailable')} />
- {/if}
- <ul>
- {#each $forums 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;
- }
-
- 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>