style: fix pagination bar alignment (Kong#262)

Kong · Sep 29, 2023 · f8a722b · f8a722b
1 parent 220d68c
commit f8a722b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Catalog.vue b/src/components/Catalog.vue
@@ -41,7 +41,7 @@
       />
     </div>
     <PaginationBar
-      class="pagination-bar mt-4"
+      class="pagination-bar container mt-4"
       :page-size="cardsPerPage"
       :total-count="totalCount"
       :search-triggered="searchTriggered"
@@ -128,6 +128,9 @@ export default defineComponent({
 <style lang="scss" scoped>
 .products-content {
   --grey-500: var(--button_colors-primary-fill);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 
   .products-label {
     color: var(--text_colors-primary);