mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-04-11 17:50:19 +00:00
9acf663f33
perf: optimise fonts perf: use svg icons fix: exit fullscreen on navigation fix: exit rss on navigation
42 lines
825 B
Svelte
42 lines
825 B
Svelte
<script>
|
|
import { click } from '@/modules/click.js'
|
|
|
|
let _click = () => {}
|
|
export { _click as click }
|
|
export let page
|
|
export let _page = ''
|
|
export let css = ''
|
|
export let icon = ''
|
|
</script>
|
|
|
|
<div
|
|
class='navbar-link navbar-link-with-icon pointer overflow-hidden {css}'
|
|
use:click={_click}>
|
|
|
|
<span class='rounded d-flex'>
|
|
<slot active={page === _page}>{icon}</slot>
|
|
</span>
|
|
</div>
|
|
|
|
<style>
|
|
|
|
.navbar-link > span {
|
|
color: #fff;
|
|
border-radius: 0.3rem;
|
|
}
|
|
|
|
.navbar-link > span {
|
|
color: #fff;
|
|
transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
}
|
|
|
|
.navbar-link:active > span {
|
|
background: #fff;
|
|
color: var(--dark-color);
|
|
}
|
|
.navbar-link {
|
|
font-size: 1.4rem;
|
|
padding: 0.75rem;
|
|
height: 5.5rem;
|
|
}
|
|
</style>
|