wm-fontis/wm-fontis-tibi-2023
3
0
Fork 0
generated from cms/tibi-docs
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

seo
All checks were successful
deploy to production / deploy (push) Successful in 29s
Details

Browse Source
This commit is contained in:
Robin Grenzdörfer 2023-11-19 18:25:56 +00:00
parent 63fa3c2846
commit e3a7f36892
1 changed files with 42 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/src/lib/components/Menu/Menu.svelte
View File

@ -8,57 +8,75 @@
<div class="menu" class:active="{active}"> <div class="menu" class:active="{active}">
<div class="menu-container"> <div class="menu-container">
<Header bind:active="{active}" opened="{true}" /> <Header bind:active="{active}" opened="{true}" />
<div class="menu-content">
<nav class="menu-content">
{#if $navigation} {#if $navigation}
<div class="container"> <div class="container">
<div class="inner-container"> <div class="inner-container">
<div class="pages"> <ul class="pages">
{#each $navigation.pages as page} {#each $navigation.pages as page}
{#if Object.values($pages)?.find((o) => o.id == page.page)?.path !== "/"} {#if Object.values($pages)?.find((o) => o.id == page.page)?.path !== "/"}
<button <li>
class="page underline" <!-- svelte-ignore a11y-click-events-have-key-events -->
on:click="{() => { <!-- svelte-ignore a11y-missing-attribute -->
active = false <a
$rerender = $rerender + 1 style="text-decoration: none;"
navigate(Object.values($pages)?.find((o) => o.id == page.page)?.path || '/') class="page underline"
}}" on:click="{() => {
> active = false
{page.name} $rerender = $rerender + 1
</button>{/if} navigate(
Object.values($pages)?.find((o) => o.id == page.page)?.path || '/'
)
}}"
>
{page.name}
</a>
</li>
{/if}
{/each} {/each}
</div> </ul>
<div class="footer-infos"> <div class="footer-infos">
<div class="upper"> <div class="upper">
<button <!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-missing-attribute -->
<a
style="text-decoration: none;"
class="underline" class="underline"
on:click="{() => { on:click="{() => {
active = false active = false
$rerender = $rerender + 1 $rerender = $rerender + 1
navigate('/datenschutz') navigate('/datenschutz')
}}">Datenschutz</button }}">Datenschutz</a
> >
<button <!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-missing-attribute -->
<a
style="text-decoration: none;"
class="underline" class="underline"
on:click="{() => { on:click="{() => {
active = false active = false
$rerender = $rerender + 1 $rerender = $rerender + 1
navigate('/impressum') navigate('/impressum')
}}">Impressum</button }}">Impressum</a
> >
</div> </div>
<!-- svelte-ignore a11y-missing-attribute -->
<div class="lower"> <div class="lower">
<button>+49 (0) 711 655 700-0</button> <!-- svelte-ignore a11y-missing-attribute -->
<button> <a>+49 (0) 711 655 700-0</a>
<a>
<a href="mailto:info@fontis.de" style="text-decoration: none;" class="button"> <a href="mailto:info@fontis.de" style="text-decoration: none;" class="button">
info@fontis.de info@fontis.de
</a> </a>
</button> </a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{/if} {/if}
</div> </nav>
</div> </div>
</div> </div>
@ -155,12 +173,10 @@
} }
gap: 20px; gap: 20px;
} }
button { a {
color: @font-color-secondary; color: @font-color-secondary;
a { font-weight: normal;
color: @font-color-secondary; text-decoration: initial;
font-weight: normal;
}
} }
@media @desktop { @media @desktop {
.lower { .lower {