feat(Pagination): change width and height of pages

shervinchen · Oct 28, 2024 · 6899bf9 · 6899bf9
1 parent a028db4
commit 6899bf9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/packages/Pagination/Pagination.styles.ts b/packages/Pagination/Pagination.styles.ts
@@ -10,8 +10,8 @@ export const usePaginationItemStyles = () => {
       align-items: center;
       justify-content: center;
       white-space: nowrap;
-      min-width: 40px;
-      height: 40px;
+      min-width: 32px;
+      height: 32px;
       padding: 0 8px;
       border: 1px solid ${theme.palette.accents2};
       border-radius: 6px;

diff --git a/packages/Pagination/PaginationPages.tsx b/packages/Pagination/PaginationPages.tsx
@@ -47,8 +47,8 @@ const PaginationPages: FC<PaginationPagesProps> = ({
             display: inline-flex;
             align-items: center;
             justify-content: center;
-            width: 40px;
-            height: 40px;
+            width: 32px;
+            height: 32px;
           }
         `}
       </style>

diff --git a/packages/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/packages/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`Pagination should match the snapshot 1`] = `
       >
         <a
           aria-label="Go to previous page"
-          class="jsx-4082017107 raw-pagination-item raw-pagination-item-disabled jsx-1949281962"
+          class="jsx-4082017107 raw-pagination-item raw-pagination-item-disabled jsx-1795007662"
         >
           <svg
             fill="none"
@@ -35,11 +35,11 @@ exports[`Pagination should match the snapshot 1`] = `
         </a>
       </li>
       <li
-        class="jsx-3237814599"
+        class="jsx-1087724783"
       >
         <a
           aria-current="page"
-          class="jsx-3237814599 raw-pagination-item raw-pagination-item-active jsx-1949281962"
+          class="jsx-1087724783 raw-pagination-item raw-pagination-item-active jsx-1795007662"
         >
           1
         </a>
@@ -49,7 +49,7 @@ exports[`Pagination should match the snapshot 1`] = `
       >
         <a
           aria-label="Go to next page"
-          class="jsx-4082017107 raw-pagination-item raw-pagination-item-disabled jsx-1949281962"
+          class="jsx-4082017107 raw-pagination-item raw-pagination-item-disabled jsx-1795007662"
         >
           <svg
             fill="none"