fix: Page navigation links #25
|
@ -115,11 +115,13 @@ a, button {
|
||||||
text-shadow: 0 0 5px;
|
text-shadow: 0 0 5px;
|
||||||
}
|
}
|
||||||
.nav-link, .nav-link * {
|
.nav-link, .nav-link * {
|
||||||
color: var(--navlink);
|
|
||||||
@apply text-lg;
|
@apply text-lg;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-family: serif;
|
font-family: serif;
|
||||||
}
|
}
|
||||||
|
.nav-link:not(.disabled-link):not(.current-link) {
|
||||||
|
color: var(--navlink);
|
||||||
|
}
|
||||||
a.disabled-link {
|
a.disabled-link {
|
||||||
color: rgb(128,128,128);
|
color: rgb(128,128,128);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
|
@ -16,8 +16,8 @@
|
||||||
{#each routes as item}
|
{#each routes as item}
|
||||||
<a
|
<a
|
||||||
class="nav-link"
|
class="nav-link"
|
||||||
class:current-link={isCurrentLink($page.url.pathname, item.route)}
|
|
||||||
class:disabled-link={item.disabled}
|
class:disabled-link={item.disabled}
|
||||||
|
class:current-link={isCurrentLink($page.url.pathname, item.route)}
|
||||||
href={item.route}>{item.name}</a>
|
href={item.route}>{item.name}</a>
|
||||||
{/each}
|
{/each}
|
||||||
<a class="nav-link icon" href="/rss.xml"><Rss /></a>
|
<a class="nav-link icon" href="/rss.xml"><Rss /></a>
|
||||||
|
|
|
@ -12,4 +12,4 @@
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<hr class="separator" />
|
<hr class="separator" />
|
||||||
<PostList {posts} pageN=1 {maxPageN}/>
|
<PostList {posts} pageN={1} {maxPageN}/>
|
||||||
|
|
Loading…
Reference in New Issue