pianello/pianello-web-app
pianello/pianello-web-app
2
0
Fork 0
Code Issues 3 Pull requests Projects 1 Releases Packages 1 Wiki Activity

Share header css between components
All checks were successful
ci/woodpecker/push/build Pipeline was successful
Details

Browse source
This commit is contained in:
Alessio Davoli 2023-07-24 02:05:20 +02:00
parent 519c91c628
commit 7ada0b0e2a
3 changed files with 20 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/css/header.css Normal file
View file

@ -0,0 +1,14 @@
.header {
position: fixed;
padding: 15px;
background-color: transparent;
color: black;
margin: 0 auto;
padding-left: 25px;
padding-right: 25px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 70px;
}

13
frontend/src/lib/components/Header.svelte
View file

@ -1,4 +1,6 @@
<script lang="ts"> <script lang="ts">
import '../../css/header.css';
export const title: string = 'Naturalistici'; export const title: string = 'Naturalistici';
const goBack = () => { const goBack = () => {
@ -6,7 +8,7 @@
}; };
</script> </script>
<div> <div class='header'>
<!-- svelte-ignore a11y-no-static-element-interactions --> <!-- svelte-ignore a11y-no-static-element-interactions -->
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-missing-attribute --> <!-- svelte-ignore a11y-missing-attribute -->
@ -19,17 +21,8 @@
<style> <style>
div { div {
position: fixed;
padding: 15px;
background-color: transparent; background-color: transparent;
color: black; color: black;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
} }
div a { div a {
cursor: pointer; cursor: pointer;

15
frontend/src/lib/components/HomeHeader.svelte
View file

@ -1,4 +1,6 @@
<script lang="ts"> <script lang="ts">
import '../../css/header.css';
export const title: string = 'Naturalistici'; export const title: string = 'Naturalistici';
const goBack = () => { const goBack = () => {
@ -6,7 +8,7 @@
}; };
</script> </script>
<div> <div class='header'>
<!-- svelte-ignore a11y-no-static-element-interactions --> <!-- svelte-ignore a11y-no-static-element-interactions -->
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-missing-attribute --> <!-- svelte-ignore a11y-missing-attribute -->
@ -20,18 +22,7 @@
<style> <style>
div { div {
color: white; color: white;
margin: 0 auto;
padding: 15px;
padding-left: 25px;
padding-right: 25px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #de0e1b; background-color: #de0e1b;
position: fixed;
font-size: 22px;
} }
div p { div p {
margin: 0; margin: 0;