mirror of
https://github.com/MewoLab/AquaDX.git
synced 2026-02-05 05:27:30 +08:00
56 lines
1.2 KiB
Svelte
56 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { Router, Route } from "svelte-routing";
|
|
import Welcome from "./pages/Welcome.svelte";
|
|
import MaimaiRating from "./pages/MaimaiRating.svelte";
|
|
import UserHome from "./pages/UserHome.svelte";
|
|
import Icon from '@iconify/svelte';
|
|
|
|
export let url = "";
|
|
</script>
|
|
|
|
<nav>
|
|
<div>home</div>
|
|
<div>maps</div>
|
|
<div>rankings</div>
|
|
<div><Icon icon="tabler:search" /></div>
|
|
</nav>
|
|
|
|
<Router {url}>
|
|
<Route path="/" component={Welcome} />
|
|
<Route path="/u/:userId" component={UserHome} />
|
|
<Route path="/u/:userId/mai/rating" component={MaimaiRating} />
|
|
</Router>
|
|
|
|
<style lang="sass">
|
|
@import "vars"
|
|
|
|
nav
|
|
display: flex
|
|
justify-content: flex-end
|
|
align-items: center
|
|
gap: 32px
|
|
height: $nav-height
|
|
|
|
padding: 0 48px
|
|
|
|
z-index: 10
|
|
position: relative
|
|
|
|
> div
|
|
cursor: pointer
|
|
transition: all 0.2s ease
|
|
text-decoration: underline 1px solid transparent
|
|
text-underline-offset: 0.1em
|
|
|
|
display: flex
|
|
align-items: center
|
|
|
|
&:hover
|
|
color: $c-main
|
|
text-decoration-color: $c-main
|
|
text-underline-offset: 0.5em
|
|
|
|
@media (max-width: $w-mobile)
|
|
justify-content: center
|
|
|
|
</style> |