add pagination

2023-10-05 14:19:28 +03:00
parent ad27e021fd
commit 03e73d5789
7 changed files with 146 additions and 5 deletions
--- a/src/style/common.sass
+++ b/src/style/common.sass
@@ -149,3 +149,17 @@
  &-toggle-theme
    .ui-icon
      @apply cursor-pointer
+  &-pagination
+    .pages
+      @apply flex
+      &-first,
+      &-numbers,
+      &-last
+        @apply flex items-end
+      .page-item
+          @apply w-[38px] h-[38px]
+      .page-separator
+        @apply block mx-2
+      &-numbers
+        .page-item:not(:last-child)
+          @apply mr-2
--- a/src/style/theme.sass
+++ b/src/style/theme.sass
@@ -57,3 +57,8 @@
  &-field .input > *,
  &-card
      @apply rounded
+
+  &-pagination
+    .pages
+      .active
+        @apply bg-primary text-white