mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move Pagination component

Browse Source
This commit is contained in:
prototypa
2023-01-24 01:52:51 -05:00
parent 64bcda934c
commit 4b8ae1540c
5 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/common/Pagination.astro → src/components/blog/Pagination.astro
View File

@ -16,13 +16,13 @@ const { prevUrl, nextUrl, prevText = 'Newer posts', nextText = 'Older posts' } =
(prevUrl || nextUrl) && ( (prevUrl || nextUrl) && (
<div class="container flex"> <div class="container flex">
<div class="flex flex-row mx-auto container justify-between"> <div class="flex flex-row mx-auto container justify-between">
<a href={getPermalink(prevUrl)} class={`btn btn-ghost px-3 mr-2 ${!prevUrl ? 'invisible' : ''}`}> <a href={getPermalink(prevUrl)} class={`btn btn-ghost md:px-3 px-3 mr-2 ${!prevUrl ? 'invisible' : ''}`}>
<div class="flex flex-row align-middle"> <div class="flex flex-row align-middle">
<Icon name="tabler:chevron-left" class="w-6 h-6" /> <Icon name="tabler:chevron-left" class="w-6 h-6" />
<p class="ml-2">{prevText}</p> <p class="ml-2">{prevText}</p>
</div> </div>
</a> </a>
<a href={getPermalink(nextUrl)} class={`btn btn-ghost px-3 ${!nextUrl ? 'invisible' : ''}`}> <a href={getPermalink(nextUrl)} class={`btn btn-ghost md:px-3 px-3 ${!nextUrl ? 'invisible' : ''}`}>
<div class="flex flex-row align-middle"> <div class="flex flex-row align-middle">
<span class="mr-2">{nextText}</span> <span class="mr-2">{nextText}</span>
<Icon name="tabler:chevron-right" class="w-6 h-6" /> <Icon name="tabler:chevron-right" class="w-6 h-6" />

2
src/components/blog/SinglePost.astro
View File

@ -30,7 +30,7 @@ const { post, url } = Astro.props;
<> <>
{' '} {' '}
· ·
<a class="font-bold capitalize" href={getPermalink(post.category, 'category')}> <a class="capitalize hover:underline" href={getPermalink(post.category, 'category')}>
{post.category.replaceAll('-', ' ')} {post.category.replaceAll('-', ' ')}
</a> </a>
</> </>

2
src/pages/[...blog]/[...page].astro
View File

@ -4,7 +4,7 @@ import { SITE, BLOG } from '~/config.mjs';
import Layout from '~/layouts/PageLayout.astro'; import Layout from '~/layouts/PageLayout.astro';
import BlogList from '~/components/blog/List.astro'; import BlogList from '~/components/blog/List.astro';
import Headline from '~/components/blog/Headline.astro'; import Headline from '~/components/blog/Headline.astro';
import Pagination from '~/components/common/Pagination.astro'; import Pagination from '~/components/blog/Pagination.astro';
import { fetchPosts } from '~/utils/blog'; import { fetchPosts } from '~/utils/blog';
import { BLOG_BASE } from '~/utils/permalinks'; import { BLOG_BASE } from '~/utils/permalinks';

2
src/pages/[...blog]/[category]/[...page].astro
View File

@ -4,7 +4,7 @@ import { SITE, BLOG } from '~/config.mjs';
import Layout from '~/layouts/PageLayout.astro'; import Layout from '~/layouts/PageLayout.astro';
import BlogList from '~/components/blog/List.astro'; import BlogList from '~/components/blog/List.astro';
import Headline from '~/components/blog/Headline.astro'; import Headline from '~/components/blog/Headline.astro';
import Pagination from '~/components/common/Pagination.astro'; import Pagination from '~/components/blog/Pagination.astro';
import { fetchPosts } from '~/utils/blog'; import { fetchPosts } from '~/utils/blog';
import { CATEGORY_BASE } from '~/utils/permalinks'; import { CATEGORY_BASE } from '~/utils/permalinks';

2
src/pages/[...blog]/[tag]/[...page].astro
View File

@ -3,7 +3,7 @@ import { SITE, BLOG } from '~/config.mjs';
import Layout from '~/layouts/PageLayout.astro'; import Layout from '~/layouts/PageLayout.astro';
import BlogList from '~/components/blog/List.astro'; import BlogList from '~/components/blog/List.astro';
import Pagination from '~/components/common/Pagination.astro'; import Pagination from '~/components/blog/Pagination.astro';
import { fetchPosts } from '~/utils/blog'; import { fetchPosts } from '~/utils/blog';
import { TAG_BASE } from '~/utils/permalinks'; import { TAG_BASE } from '~/utils/permalinks';