back button to explore
This commit is contained in:
parent
a654587221
commit
f4406777e0
|
@ -1,8 +1,12 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import style from './style.module.scss';
|
import style from './style.module.scss';
|
||||||
import Jumper from 'svelte-loading-spinners/Jumper.svelte';
|
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 { invoke } from '@tauri-apps/api/tauri';
|
||||||
import { listen } from 'svelte/internal';
|
import { route } from '../../store/RouteStore';
|
||||||
|
|
||||||
|
|
||||||
let list = [];
|
let list = [];
|
||||||
|
@ -34,6 +38,13 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class={style.root}>
|
<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'>
|
<h1 style='text-align:center;margin-top:40px'>
|
||||||
Homeservers
|
Homeservers
|
||||||
</h1>
|
</h1>
|
||||||
|
|
|
@ -4,6 +4,13 @@
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.backbtn {
|
||||||
|
padding:7px 10px;
|
||||||
|
svg {
|
||||||
|
transform: translateY(2px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes fadeout {
|
@keyframes fadeout {
|
||||||
0% {
|
0% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
Loading…
Reference in New Issue