Fix header css
All checks were successful
ci/woodpecker/push/build Pipeline was successful

This commit is contained in:
Alessio Davoli 2023-07-18 16:17:39 +02:00
parent 98ca582e97
commit 44e8bef5d0
3 changed files with 49 additions and 43 deletions

View file

@ -1,47 +1,47 @@
<script lang="ts">
export let title: string = 'Naturalistici';
export let title: string = 'Naturalistici';
const goBack = () => {
history.back();
};
const goBack = () => {
history.back();
};
</script>
<div style=''>
<!-- svelte-ignore a11y-no-static-element-interactions -->
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-missing-attribute -->
<a on:click={goBack}>
<img class="back" src="/images/black-back-arrow.png" alt="" />
</a>
<div>
<!-- svelte-ignore a11y-no-static-element-interactions -->
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-missing-attribute -->
<a on:click={goBack}>
<img class="back" src="/images/black-back-arrow.png" alt="" />
</a>
<img src="/images/app-bar-logo.png" alt="" />
</div>
<img src="/images/app-bar-logo.png" alt="" />
</div>
<style>
div {
position: fixed;
padding: 15px;
background-color: transparent;
color: black;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
div a {
cursor: pointer;
}
div a img {
height: 40px;
}
div {
position: fixed;
padding: 15px;
background-color: transparent;
color: black;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
div a {
cursor: pointer;
}
div a img {
height: 40px;
}
img {
height: 40px;
}
.back {
height: 20px;
}
img {
height: 40px;
}
.back {
height: 20px;
}
</style>

View file

@ -20,13 +20,19 @@
<style>
div {
color: white;
padding: 5px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
width: 100%;
display: flex;
justify-content: space-evenly;
justify-content: space-between;
align-items: center;
background-color: #de0e1b;
}
div p {
margin: 0;
padding: 0;
}
div a {
cursor: pointer;
}

View file

@ -1,10 +1,10 @@
<script lang="ts">
import Route from '$lib/components/Route.svelte';
import Header from '$lib/components/Header.svelte';
import HomeHeader from '$lib/components/HomeHeader.svelte';
export let data;
</script>
<Header title={data.title}></Header>
<HomeHeader title={data.title}></HomeHeader>
<div>
{#each data.routes as route}