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

feat: reintroduce header and footer components

Browse source
This commit is contained in:
Sebin Nyshkim 2022-01-28 23:46:24 +01:00
parent f92043e106
commit 3eddad19c9
2 changed files with 87 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/Footer.vue Normal file
View file

@ -0,0 +1,22 @@
<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>