host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit footer and add header

Browse source
This commit is contained in:
Paul Nicoué 2023-01-11 15:16:55 +01:00
parent 4341a3ff9e
commit c6705914e0
10 changed files with 160 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app.vue
View file

@ -1,6 +1,7 @@
<template>
<div class="app">
<AppHeader class="app__header" />
<NuxtPage class="app__main" />
<AppFooter class="app__footer" />
</div>
@ -25,15 +26,6 @@
<style lang="scss">
// --------------------------------------------------
// MODULES
// --------------------------------------------------
@use 'minireset.css';
@use '~/assets/styles/fonts';
@use '~/assets/styles/variables';
@use '~/assets/styles/animations';
// --------------------------------------------------
// FONTS AND COLORS
// --------------------------------------------------
@ -107,7 +99,7 @@
background-size: 100%;
background-position: right center;
border: none;
border-radius: 30px;
border-radius: 40px;
cursor: pointer;
font-family: var(--text-font-family);
font-size: var(--text-font-size);
@ -135,12 +127,18 @@
.app {
min-height: 100vh;
min-height: 100svh;
display: grid;
grid:
'app-header' auto
'app-main' 1fr
'app-footer' auto
/ 1fr;
place-items: center;
&__header {
grid-area: app-header;
}
&__main {
grid-area: app-main;
@ -151,5 +149,4 @@
}
}
</style>