fix: Footer position
continuous-integration/drone/push Build is passing Details
continuous-integration/drone Build is passing Details

This commit is contained in:
Simon 2024-03-14 16:13:58 +01:00
parent ccd83369fd
commit 1f67ee9810
2 changed files with 12 additions and 3 deletions

View File

@ -9,6 +9,8 @@
--header-size-small: 64px; --header-size-small: 64px;
--header-size-big: 128px; --header-size-big: 128px;
--header-size: var(--header-size-small); --header-size: var(--header-size-small);
--footer-size: 64px;
} }
/* semantic color variables for this project */ /* semantic color variables for this project */

View File

@ -149,6 +149,7 @@ function getTranslation(translations, key) {
</template> </template>
</ul> </ul>
</div> </div>
</main>
<footer> <footer>
<p v-if="store.language == 'fr-FR'"> <p v-if="store.language == 'fr-FR'">
Scores & Appli par <a href="https://ceiba-conseil.com">Ceiba</a> Scores & Appli par <a href="https://ceiba-conseil.com">Ceiba</a>
@ -157,7 +158,6 @@ function getTranslation(translations, key) {
Scores & App by <a href="https://ceiba-conseil.com">Ceiba</a> Scores & App by <a href="https://ceiba-conseil.com">Ceiba</a>
</p> </p>
</footer> </footer>
</main>
</template> </template>
<style lang="sass" scoped> <style lang="sass" scoped>
@ -166,6 +166,10 @@ footer
text-align: center text-align: center
padding: 1rem padding: 1rem
color: var(--color-header-text) color: var(--color-header-text)
height: var(--footer-size)
display: flex
justify-content: space-around
align-items: center
a a
color: var(--color-header-text) color: var(--color-header-text)
header header
@ -200,11 +204,14 @@ header
main main
width: 100% width: 100%
height: calc(100% - var(--header-size)) min-height: calc(100% - var(--header-size) - var(--footer-size))
background-color: var(--color-background) background-color: var(--color-background)
overflow-x: hidden overflow-x: hidden
overflow-y: auto overflow-y: auto
text-align: center text-align: center
display: flex
flex-direction: column
justify-content: space-evenly
.homeImage .homeImage
height: 30vh height: 30vh