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