back button to explore
This commit is contained in:
parent
a654587221
commit
f4406777e0
|
@ -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>
|
||||
|
|
|
@ -4,6 +4,13 @@
|
|||
font-weight: 400;
|
||||
}
|
||||
|
||||
.backbtn {
|
||||
padding:7px 10px;
|
||||
svg {
|
||||
transform: translateY(2px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeout {
|
||||
0% {
|
||||
opacity: 1;
|
||||
|
|
Loading…
Reference in New Issue