back button to explore

This commit is contained in:
b1ek 2023-08-23 23:27:31 +10:00
parent a654587221
commit f4406777e0
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 19 additions and 1 deletions

View File

@ -1,8 +1,12 @@
<script lang="ts">
import style from './style.module.scss';
import Jumper from 'svelte-loading-spinners/Jumper.svelte';
import Icon from 'svelte-icons-pack/Icon.svelte';
import VscArrowLeft from "svelte-icons-pack/vsc/VscArrowLeft";
import { invoke } from '@tauri-apps/api/tauri';
import { listen } from 'svelte/internal';
import { route } from '../../store/RouteStore';
let list = [];
@ -34,6 +38,13 @@
</script>
<div class={style.root}>
<p style='margin:8px'>
<button aria-label="back" class={style.backbtn} on:click={(_) => { route('/') }}>
<Icon src={VscArrowLeft} color='#b2b2b2' size='17px' />
</button>
</p>
<h1 style='text-align:center;margin-top:40px'>
Homeservers
</h1>

View File

@ -4,6 +4,13 @@
font-weight: 400;
}
.backbtn {
padding:7px 10px;
svg {
transform: translateY(2px);
}
}
@keyframes fadeout {
0% {
opacity: 1;