SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: migrate Footer component

Browse source
This commit is contained in:
Sebin Nyshkim 2023-01-20 00:43:03 +01:00
parent 81941a9e45
commit 32c63efeaa
2 changed files with 26 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/Footer.vue
View file

@ -1,22 +0,0 @@
<template>
<footer class="footer">
<slot></slot>
</footer>
</template>
<script></script>
<style lang="scss">
@import "@/scss/_variables.scss";
@import "@/scss/_mixins.scss";
.footer {
background: url("/subtle-prism.svg") $bg-color-dark;
background-blend-mode: multiply;
padding: max(1em, env(safe-area-inset-top)) 0
max(1em, env(safe-area-inset-bottom)) 0;
text-align: center;
}
</style>

26
src/components/SiteFooter.vue Normal file
View file

@ -0,0 +1,26 @@
<script setup lang="ts"></script>
<template>
<footer class="footer">
<slot></slot>
</footer>
</template>
<style lang="scss">
.footer {
background: url(@/assets/subtle-prism.svg) var(--color-background-footer);
background-blend-mode: multiply;
padding: var(--footer-padding);
text-align: center;
p {
margin: 0;
+ p {
margin: 0.5em auto 0 auto;
}
}
}
</style>