alex/daichendt.one
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: shuffle files around

Browse source
This commit is contained in:
Alexander Daichendt 2022-07-30 00:20:24 +02:00
parent 2d7ffaff20
commit 09a29f82cb
18 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/components/MoveUpButton.svelte
View file

@ -1,38 +0,0 @@
<script lang="ts">
import { mdiChevronDoubleUp } from '@mdi/js';
import Icon from 'mdi-svelte';
let y: number = 0;
$: enabled = y > 100;
function onClick() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
</script>
<svelte:window bind:scrollY={y} />
{#if enabled}
<button on:click={onClick}><Icon path={mdiChevronDoubleUp} /></button>
{/if}
<style>
button:focus {
box-shadow: 0 0 5px var(--special-shadow-color);
}
button {
border-radius: 35px;
width: 48px;
height: 48px;
position: fixed;
bottom: 32px;
right: 32px;
color: var(--text-soft-color);
border: 2px solid var(--border-color);
background-color: var(--light-color);
}
button:hover {
color: var(--special-color);
border: 4px solid var(--border-color);
}
</style>