From 8b94b1423ffea638fe5c557fce58b7f87d7ab5f0 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sun, 29 Jun 2025 14:44:45 +0900
Subject: feat(blog/style): change page navigation style

---
 services/blog/static/style.css | 44 +++++++++++++++++-------------------------
 1 file changed, 18 insertions(+), 26 deletions(-)

(limited to 'services/blog/static')

diff --git a/services/blog/static/style.css b/services/blog/static/style.css
index fda139d7..529c15be 100644
--- a/services/blog/static/style.css
+++ b/services/blog/static/style.css
@@ -315,51 +315,43 @@ img {
 
 .pagination {
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   align-items: center;
+  gap: 1rem;
   margin: 2rem 0;
   padding: 1rem 0;
   border-top: 1px solid #d1d1d1;
   border-bottom: 1px solid #d1d1d1;
 }
 
-.pagination-prev,
-.pagination-next {
-  flex: 1;
-}
-
-.pagination-prev {
-  text-align: left;
-}
-
-.pagination-next {
-  text-align: right;
-}
-
-.pagination-info {
-  flex: 0 0 auto;
+.pagination-page {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem 1rem;
+  border: 1px solid #ddd;
   text-align: center;
-  color: #000;
-  font-size: 0.9rem;
+  box-sizing: border-box;
 }
 
 .pagination a {
-  text-decoration: none;
   color: #000;
-  padding: 0.5rem 1rem;
+  background: #fff;
+  text-decoration: none;
   border: none;
 }
 
-.pagination a:hover {
-  color: #666;
+.pagination-page-current {
+  background: #000;
+  color: #fff;
+}
+
+.pagination-elipsis {
+  color: #999;
 }
 
 @media screen and (max-width: 768px) {
   .pagination {
     font-size: 0.9rem;
   }
-
-  .pagination a {
-    padding: 0.5rem;
-  }
 }
-- 
cgit v1.2.3-70-g09d2