From 4b8ae1540c6de1d8946b42c57642c2e2e61ef99b Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Tue, 24 Jan 2023 01:52:51 -0500
Subject: [PATCH] Move Pagination component

---
 src/components/{common => blog}/Pagination.astro | 4 ++--
 src/components/blog/SinglePost.astro             | 2 +-
 src/pages/[...blog]/[...page].astro              | 2 +-
 src/pages/[...blog]/[category]/[...page].astro   | 2 +-
 src/pages/[...blog]/[tag]/[...page].astro        | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)
 rename src/components/{common => blog}/Pagination.astro (79%)

diff --git a/src/components/common/Pagination.astro b/src/components/blog/Pagination.astro
similarity index 79%
rename from src/components/common/Pagination.astro
rename to src/components/blog/Pagination.astro
index cdb3d5c..fbad4e3 100644
--- a/src/components/common/Pagination.astro
+++ b/src/components/blog/Pagination.astro
@@ -16,13 +16,13 @@ const { prevUrl, nextUrl, prevText = 'Newer posts', nextText = 'Older posts' } =
   (prevUrl || nextUrl) && (
     <div class="container flex">
       <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">
             <Icon name="tabler:chevron-left" class="w-6 h-6" />
             <p class="ml-2">{prevText}</p>
           </div>
         </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">
             <span class="mr-2">{nextText}</span>
             <Icon name="tabler:chevron-right" class="w-6 h-6" />
diff --git a/src/components/blog/SinglePost.astro b/src/components/blog/SinglePost.astro
index 577c21f..045fb96 100644
--- a/src/components/blog/SinglePost.astro
+++ b/src/components/blog/SinglePost.astro
@@ -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('-', ' ')}
                 </a>
               </>
diff --git a/src/pages/[...blog]/[...page].astro b/src/pages/[...blog]/[...page].astro
index c183f75..25e057d 100644
--- a/src/pages/[...blog]/[...page].astro
+++ b/src/pages/[...blog]/[...page].astro
@@ -4,7 +4,7 @@ import { SITE, BLOG } from '~/config.mjs';
 import Layout from '~/layouts/PageLayout.astro';
 import BlogList from '~/components/blog/List.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 { BLOG_BASE } from '~/utils/permalinks';
diff --git a/src/pages/[...blog]/[category]/[...page].astro b/src/pages/[...blog]/[category]/[...page].astro
index 48d2ac6..eb7ea8d 100644
--- a/src/pages/[...blog]/[category]/[...page].astro
+++ b/src/pages/[...blog]/[category]/[...page].astro
@@ -4,7 +4,7 @@ import { SITE, BLOG } from '~/config.mjs';
 import Layout from '~/layouts/PageLayout.astro';
 import BlogList from '~/components/blog/List.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 { CATEGORY_BASE } from '~/utils/permalinks';
diff --git a/src/pages/[...blog]/[tag]/[...page].astro b/src/pages/[...blog]/[tag]/[...page].astro
index df5a6ba..4bfa79e 100644
--- a/src/pages/[...blog]/[tag]/[...page].astro
+++ b/src/pages/[...blog]/[tag]/[...page].astro
@@ -3,7 +3,7 @@ import { SITE, BLOG } from '~/config.mjs';
 
 import Layout from '~/layouts/PageLayout.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 { TAG_BASE } from '~/utils/permalinks';