wazolab/la-boite-aux-lettres
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: add basic layout

Browse Source
This commit is contained in:
Noé Viricel
2025-12-01 18:58:37 +01:00
parent 0fb8ecf4c6
commit eab0fae501
10 changed files with 111 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/components/AppFooter.vue Normal file
View File

@@ -0,0 +1,22 @@
<script setup lang="ts">
const appConfig = useAppConfig()
</script>
<template>
<footer>
<img src="~/assets/images/brand-mobile.svg" :alt="appConfig.title"></img>
<address>
Laurette Colmard
laurette.colmard@gmail.com
29 rue Colonel Bougault, 38100 Grenoble (FR)
06 01 93 75 87
</address>
</footer>
</template>
<style lang="css" scoped>
footer {
background-color: var(--primary-color);
color: var(--secondary-color);
}
</style>

29
app/components/AppHeader.vue Normal file
View File

@@ -0,0 +1,29 @@
<script setup lang="ts">
const appConfig = useAppConfig()
</script>
<template>
<header>
<img src="~/assets/icons/brand-logo.svg" :alt="`${appConfig.title} - Logo`"></img>
<img src="~/assets/images/brand-mobile.svg" :alt="appConfig.title"></img>
<p>{{ appConfig.description }}</p>
</header>
</template>
<style lang="css" scoped>
header {
background-color: var(--primary-color);
color: var(--secondary-color);
height: 68vh;
padding: 3rem 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
img:first-of-type {
align-self: flex-end;
margin-bottom: auto;
width: 36vw;
}
</style>