style: add pagination styles to catalog CSS

2026-05-26 12:08:28 +02:00
parent 94facca714
commit bc14f3d429
1 changed files with 37 additions and 0 deletions
--- a/static/css/catalog.css
+++ b/static/css/catalog.css
@@ -719,3 +719,40 @@ aside {
 .sidebar-more-link:hover {
    color: #36213e;
 }
+
+/* Pagination */
+.catalog-pagination {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    margin-top: 32px;
+}
+
+.catalog-pagination__btn {
+    min-width: 40px;
+    height: 40px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid rgba(54, 33, 62, 0.14);
+    background: #ffffff;
+    color: #554971;
+    font-family: 'Noah', sans-serif;
+    font-size: 16px;
+    line-height: 1;
+    text-decoration: none;
+    cursor: pointer;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
+}
+
+.catalog-pagination__btn:hover {
+    border-color: #63768d;
+    color: #36213e;
+}
+
+.catalog-pagination__btn.active {
+    background: #63768d;
+    color: #ffffff;
+    border-color: #63768d;
+}