SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 18:59:31 +08:00
Code Issues Projects Releases Packages Wiki Activity

merge with upsteam 1d6a799ca1

Browse source
This commit is contained in:
sevichecc 2022-11-19 14:48:03 +08:00
parent 61d8b528bd
commit 9f3dd18a29
2 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/header.svelte
View file

@ -61,7 +61,7 @@
{#if headerConfig.nav}
<Nav {path} {title} {pin} {scrollY} nav={headerConfig.nav} />
{/if}
<a href="/" sveltekit:prefetch class="btn btn-ghost normal-case text-lg">{site.title}</a>
<a href="/" data-sveltekit-prefetch class="btn btn-ghost normal-case text-lg">{site.title}</a>
</div>
<div class="navbar-end">
{#if headerConfig.search}

26
src/lib/components/header_nav.svelte
View file

@ -6,6 +6,8 @@
export let pin: boolean
</script>
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<!-- reference: https://github.com/saadeghi/daisyui/issues/1285 -->
<div class="dropdown lg:hidden">
<label for="navbar-dropdown" tabindex="0" class="btn btn-square btn-ghost">
<span class="i-heroicons-outline-menu-alt-1" />
@ -14,11 +16,12 @@
id="navbar-dropdown"
tabindex="0"
class:hidden={!pin}
class="menu menu-compact dropdown-content bg-base-100 text-base-content shadow-lg rounded-box min-w-max max-w-52 p-2">
class="menu menu-compact dropdown-content bg-base-100 text-base-content shadow-lg rounded-box min-w-max max-w-52 p-2
">
{#each nav as { text, link, children }}
{#if link && !children}
<li>
<a sveltekit:prefetch class:font-bold={link === path} href={link}>{text}</a>
<a data-sveltekit-prefetch class:font-bold={link === path} href={link}>{text}</a>
</li>
{:else if children}
<li tabindex="0">
@ -29,7 +32,7 @@
<ul class="bg-base-100 text-base-content shadow-lg p-2">
{#each children as { text, link }}
<li>
<a sveltekit:prefetch class:font-bold={link === path} href={link}>{text}</a>
<a data-sveltekit-prefetch class:font-bold={link === path} href={link}>{text}</a>
</li>
{/each}
</ul>
@ -49,18 +52,19 @@
{#each nav as { text, link, children }}
{#if link && !children}
<li>
<a sveltekit:prefetch class="!rounded-btn" class:font-bold={link === path} href={link}>{text}</a>
<a data-sveltekit-prefetch class="!rounded-btn" class:font-bold={link === path} href={link}>{text}</a>
</li>
{:else if children}
<li tabindex="0">
<span class:font-bold={children.some(({ link }) => link === path)} class="!rounded-btn gap-1">
{text}
<span class="i-heroicons-solid-chevron-down -mr-1" />
</span>
<ul class="bg-base-100 text-base-content shadow-lg p-2">
<li >
<span class:font-bold={children.some(({ link }) => link === path)} class="!rounded-btn gap-1">
{text}
<span class="i-heroicons-solid-chevron-down -mr-1" />
</span>
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul tabindex="0" class="menu rounded-box bg-base-100 text-base-content shadow-lg p-2">
{#each children as { text, link }}
<li>
<a sveltekit:prefetch class:font-bold={link === path} href={link}>{text}</a>
<a data-sveltekit-prefetch class:font-bold={link === path} href={link}>{text}</a>
</li>
{/each}
</ul>