[READ-ONLY] Mirror of https://github.com/flo-bit/blog-template. minimalistic astro blog template
flo-bit.dev/blog-template/
astro
blog
template
reverse pagination order
+12
-12
+9
-9
src/components/Pagination.astro
+9
-9
src/components/Pagination.astro
···
60
60
previousPage = page;
61
61
}
62
62
// reverse order
63
-
return result.reverse();
63
+
return result;
64
64
}
65
65
---
66
66
···
69
69
>
70
70
<div class="-mt-px flex w-0 flex-1">
71
71
{
72
-
current < total ? (
72
+
current > 1 ? (
73
73
<a
74
74
href={
75
75
tag
76
-
? BASE + "/tags/" + tag + "/" + (current + 1)
77
-
: BASE + "/pages/" + (current + 1)
76
+
? BASE + "/tags/" + tag + "/" + (current - 1)
77
+
: BASE + "/pages/" + (current - 1)
78
78
}
79
79
class="inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-sm font-medium text-base-500 hover:border-base-300 hover:text-base-700 dark:text-base-400 dark:hover:border-base-700 dark:hover:text-base-300"
80
80
>
···
91
91
clip-rule="evenodd"
92
92
/>
93
93
</svg>
94
-
older
94
+
newer
95
95
</a>
96
96
) : null
97
97
}
···
117
117
118
118
<div class="-mt-px flex w-0 flex-1 justify-end">
119
119
{
120
-
current > 1 ? (
120
+
current < total ? (
121
121
<a
122
122
href={
123
123
tag
124
-
? BASE + "/tags/" + tag + "/" + (current - 1)
125
-
: BASE + "/pages/" + (current - 1)
124
+
? BASE + "/tags/" + tag + "/" + (current + 1)
125
+
: BASE + "/pages/" + (current + 1)
126
126
}
127
127
class="inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-sm font-medium text-base-500 hover:border-base-300 hover:text-base-700 dark:text-base-400 dark:hover:border-base-700 dark:hover:text-base-300"
128
128
>
129
-
newer
129
+
older
130
130
<svg
131
131
class="ml-3 h-5 w-5 text-base-400"
132
132
viewBox="0 0 20 20"
+1
-1
src/components/Tag.astro
+1
-1
src/components/Tag.astro
···
5
5
6
6
<a
7
7
href={BASE + "/tags/" + tag}
8
-
class="relative z-10 rounded-full bg-base-100 px-3 py-1.5 font-medium text-base-700 hover:bg-accent-500/10 dark:bg-base-800 dark:hover:bg-accent-500/10 hover:dark:text-accent-400 hover:text-accent-600 dark:text-base-300 border border-base-200 dark:border-base-700 hover:border-accent-600/20 dark:hover:border-accent-600/20 transition-colors duration-100"
8
+
class="relative z-10 rounded-full bg-base-100 text-xs px-2 py-1 font-medium text-base-700 hover:bg-accent-500/10 dark:bg-base-800 dark:hover:bg-accent-500/10 hover:dark:text-accent-400 hover:text-accent-600 dark:text-base-300 border border-base-200 dark:border-base-700 hover:border-accent-600/20 dark:hover:border-accent-600/20 transition-colors duration-100"
9
9
>
10
10
{tag}
11
11
</a>
+2
-2
src/layouts/BaseLayout.astro
+2
-2
src/layouts/BaseLayout.astro
···
72
72
<body
73
73
class="bg-base-100 dark:bg-base-950 flex mx-1 sm:mx-4 transition-all duration-150"
74
74
>
75
-
<div class="max-w-6xl mx-auto my-1 sm:my-8 w-full">
75
+
<div class="max-w-5xl mx-auto my-1 sm:my-8 w-full">
76
76
<div class="w-full">
77
77
<slot />
78
78
</div>
···
80
80
81
81
<div class="fixed inset-0 h-full w-full -z-50">
82
82
<div
83
-
class="h-full w-full max-w-6xl mx-auto bg-base-50 ring-1 ring-base-200 dark:bg-base-900 dark:ring-base-300/20 shadow-lg"
83
+
class="h-full w-full max-w-5xl mx-auto bg-base-50 ring-1 ring-base-200 dark:bg-base-900 dark:ring-base-300/20 shadow-lg"
84
84
>
85
85
</div>
86
86
</div>