git.r.bdr.sh - rbdr/forum/blob - src/lib/components/header/header.svelte

   1 <script lang="ts">
   2         import { _ } from 'svelte-i18n';
   3         import { version } from '$lib/config/config';
   4         import { topicActions } from '$lib/stores/actions';
   5         import TopicActions from '$lib/components/actions/topic.svelte';
   6 </script>
   7
   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">
  14                         <strong
  15                                 ><a
  16                                         class="inline-block leading-10 underline text-blue-600"
  17                                         href="/"
  18                                         title={$_('header.long_version', { values: { version } })}
  19                                         >{$_('header.short_version', { values: { version } })}</a
  20                                 ></strong
  21                         >
  22                 </li>
  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
  28                         >
  29                 </li>
  30                 {#if $topicActions}
  31                         <TopicActions actions={$topicActions} />
  32                 {/if}
  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
  38                         >
  39                 </li>
  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
  45                         >
  46                 </li>
  47         </ul>
  48 </header>