git.r.bdr.sh - rbdr/forum/blob - app/components/footer/footer.svelte

   1 <script>
   2   import { _ } from 'svelte-i18n';
   3
   4   import LanguageSelector from '../language_selector/language_selector.svelte';
   5
   6   const licenseUrl = 'https://gitlab.com/rbdr/forum/';
   7 </script>
   8
   9 <footer title="Toolbar">
  10   <ul>
  11     <li>{@html $_('footer.license', { values: { licenseUrl } })}</li>
  12     <li>{$_('footer.choose_language')}: <LanguageSelector /></li>
  13   </ul>
  14 </footer>
  15
  16 <style>
  17   footer {
  18     grid-column: col-start 1 / span 12;
  19     border-top: 1px solid black;
  20   }
  21
  22   ul {
  23     padding: 0;
  24   }
  25
  26   .action-key {
  27     font-weight: bold;
  28     text-decoration: underline;
  29   }
  30
  31   li {
  32     display: inline;
  33     margin: 5px;
  34   }
  35
  36   a {
  37     text-decoration: none;
  38     line-height: 3em;
  39     display: inline-block;
  40   }
  41
  42   strong a {
  43     color: blue;
  44     text-decoration: underline;
  45   }
  46
  47 </style>