]> git.r.bdr.sh - rbdr/forum/blame - src/lib/components/header/header.svelte
Use tailwind, reference types
[rbdr/forum] / src / lib / components / header / header.svelte
CommitLineData
a7cf03c1 1<script lang="ts">
58f7d521 2 import { _ } from 'svelte-i18n';
a7cf03c1
RBR
3 import { version } from '$lib/config/config';
4 import { topicActions } from '$lib/stores/actions';
5 import TopicActions from '$lib/components/actions/topic.svelte';
bd8e98d7
RBR
6</script>
7
be1ce532
RBR
8<header
9 class="col-start-1 col-span-12 border-b-2 border-b-black border-solid"
10 title={$_('header.title')}
11>
12 <ul class="p-0">
13 <li class="inline m-1">
58f7d521 14 <strong
be1ce532
RBR
15 ><a
16 class="inline-block leading-10 underline text-blue-600"
17 href="/"
18 title={$_('header.long_version', { values: { version } })}
58f7d521
RBR
19 >{$_('header.short_version', { values: { version } })}</a
20 ></strong
21 >
22 </li>
be1ce532
RBR
23 <li class="inline m-1">
24 <a
25 class="inline-block leading-10 no-underline"
26 href="/new"
27 title={$_('header.action.new.title')}>{@html $_('header.action.new.display')}</a
58f7d521
RBR
28 >
29 </li>
55fb920b 30 {#if $topicActions}
cac85db0 31 <TopicActions actions={$topicActions} />
58f7d521 32 {/if}
be1ce532
RBR
33 <li class="inline m-1">
34 <a
35 class="inline-block leading-10 no-underline"
36 href="/search"
37 title={$_('header.action.search.title')}>{@html $_('header.action.search.display')}</a
58f7d521
RBR
38 >
39 </li>
be1ce532
RBR
40 <li class="inline m-1">
41 <a
42 class="inline-block leading-10 no-underline"
43 href="/logout"
44 title={$_('header.action.log_out.title')}>{@html $_('header.action.log_out.display')}</a
58f7d521
RBR
45 >
46 </li>
47 </ul>
bd8e98d7 48</header>