eggy/public
1
0
Fork 0
Code Issues 7 Pull Requests 1 Releases Wiki Activity

fix: make buttontotop visible

Browse Source 
it's on the left because teleport only supports left
This commit is contained in:
eggy 2022-08-10 11:10:49 -04:00
parent ef78861e16
commit 3697690c31
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/ButtonToTop.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<Teleport to="body"> <a href="#" class="go-top"></a></Teleport> <Teleport to="body"> <a href="#" class="go-top" /></Teleport>
</template> </template>
<style> <style>
body { body {
display: grid; display: grid;
grid-template-columns: auto 0; grid-template-columns: 0 auto;
} }
</style> </style>
@ -14,7 +14,7 @@ body {
--offset: 20rem; --offset: 20rem;
position: sticky; position: sticky;
bottom: 1rem; bottom: 1rem;
margin-right: 1rem; left: 1rem;
place-self: end; place-self: end;
margin-top: calc(100vh + var(--offset)); margin-top: calc(100vh + var(--offset));

2
pages/index.vue
View File

@ -6,7 +6,6 @@ useTitle("Home");
</script> </script>
<template> <template>
<ButtonToTop />
<main class="flex flex-col items-center justify-around gap-8"> <main class="flex flex-col items-center justify-around gap-8">
<h1>Welcome!</h1> <h1>Welcome!</h1>
<p>What are you here to see?</p> <p>What are you here to see?</p>
@ -20,6 +19,7 @@ useTitle("Home");
<Services /> <Services />
<About /> <About />
</main> </main>
<ButtonToTop />
</template> </template>
<style scoped> <style scoped>