♻️ refactor: use consistent pagination

2023-03-05 19:48:16 +01:00
parent 6938ae42f9
commit a8e49cfedf
4 changed files with 46 additions and 39 deletions
--- a/sass/parts/_pagination.scss
+++ b/sass/parts/_pagination.scss
@@ -0,0 +1,30 @@
+.pagination {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 2rem;
+    font-size: 1em;
+    list-style: none;
+    padding: 0;
+
+    li {
+        margin-right: 1rem;
+    }
+
+    .page-link {
+        background: transparent;
+        border: none;
+        cursor: pointer;
+        padding: 0;
+
+        &.disabled {
+            opacity: 0.5;
+            pointer-events: none;
+        }
+    }
+
+    .page-numbers {
+        font-size: 0.9rem;
+        color: var(--meta-color);
+    }
+}