refine single nav ux
This commit is contained in:
parent
f3341060c8
commit
44128f7320
2 changed files with 21 additions and 3 deletions
|
@ -1369,6 +1369,10 @@ body {
|
|||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.rounded-md {
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.border-\[0\.5px\] {
|
||||
border-width: 0.5px;
|
||||
}
|
||||
|
@ -1397,6 +1401,14 @@ body {
|
|||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.p-1\.5 {
|
||||
padding: 0.375rem;
|
||||
}
|
||||
|
||||
.p-1 {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
.px-8 {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
|
@ -1632,6 +1644,10 @@ article blockquote {
|
|||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.hover\:bg-black\/\[2\%\]:hover {
|
||||
background-color: rgb(0 0 0 / 2%);
|
||||
}
|
||||
|
||||
.dark .dark\:bg-white\/80 {
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
|
|
|
@ -35,17 +35,19 @@
|
|||
<!-- Post Nav -->
|
||||
{{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}<!---->
|
||||
{{ if and (gt (len $pages) 1) (in $pages . ) }}
|
||||
<nav class="mt-24 flex rounded-lg bg-black/[3%] text-lg dark:bg-white/[8%]">
|
||||
<nav
|
||||
class="mt-24 flex rounded-lg bg-black/[3%] p-1.5 text-lg dark:bg-white/[8%]"
|
||||
>
|
||||
{{ with $pages.Next . }}
|
||||
<a
|
||||
class="flex w-1/2 items-center p-6 pr-3 no-underline"
|
||||
class="flex w-1/2 items-center rounded-md p-6 pr-3 no-underline hover:bg-black/[2%]"
|
||||
href="{{ .Permalink }}"
|
||||
><span class="mr-1.5">←</span><span>{{ .Name }}</span></a
|
||||
>
|
||||
{{ end }}<!---->
|
||||
{{ with $pages.Prev . }}
|
||||
<a
|
||||
class="ml-auto flex w-1/2 items-center justify-end p-6 pl-3 no-underline"
|
||||
class="ml-auto flex w-1/2 items-center justify-end rounded-md p-6 pl-3 no-underline hover:bg-black/[2%]"
|
||||
href="{{ .Permalink }}"
|
||||
><span>{{ .Name }}</span><span class="ml-1.5">→</span></a
|
||||
>
|
||||
|
|
Loading…
Reference in a new issue