]> git.r.bdr.sh - rbdr/forum/blame - src/components/header/header.svelte
Update documentation
[rbdr/forum] / src / components / header / header.svelte
CommitLineData
bd8e98d7 1<script>
58f7d521
RBR
2 import { _ } from 'svelte-i18n';
3 import { version } from '$/config/config';
55fb920b
RBR
4 import { topicActions } from '$/stores/actions';
5 import TopicActions from '$/components/actions/topic.svelte';
bd8e98d7
RBR
6</script>
7
58f7d521
RBR
8<header title={$_('header.title')}>
9 <ul>
10 <li>
11 <strong
55fb920b 12 ><a href="/" title={$_('header.long_version', { values: { version } })}
58f7d521
RBR
13 >{$_('header.short_version', { values: { version } })}</a
14 ></strong
15 >
16 </li>
17 <li>
55fb920b 18 <a href="/new" title={$_('header.action.new.title')}
58f7d521
RBR
19 >{@html $_('header.action.new.display')}</a
20 >
21 </li>
55fb920b
RBR
22 {#if $topicActions}
23 <TopicActions actions={$topicActions} />
58f7d521
RBR
24 {/if}
25 <li>
55fb920b 26 <a href="/search" title={$_('header.action.search.title')}
58f7d521
RBR
27 >{@html $_('header.action.search.display')}</a
28 >
29 </li>
30 <li>
55fb920b 31 <a href="/logout" title={$_('header.action.log_out.title')}
58f7d521
RBR
32 >{@html $_('header.action.log_out.display')}</a
33 >
34 </li>
35 </ul>
bd8e98d7
RBR
36</header>
37
38<style>
58f7d521
RBR
39 header {
40 grid-column: col-start 1 / span 12;
41 border-bottom: 1px solid black;
42 }
bd8e98d7 43
58f7d521
RBR
44 ul {
45 padding: 0;
46 }
bd8e98d7 47
58f7d521
RBR
48 li {
49 display: inline;
50 margin: 5px;
51 }
bd8e98d7 52
58f7d521
RBR
53 a {
54 text-decoration: none;
55 line-height: 3em;
56 display: inline-block;
57 }
bd8e98d7 58
58f7d521
RBR
59 strong a {
60 color: blue;
61 text-decoration: underline;
62 }
bd8e98d7 63</style>