feat: use controls slot

2025-01-24 09:53:18 +05:30
parent 770b3870a8
commit fa5e5bac18
3 changed files with 34 additions and 29 deletions
@@ -97,7 +97,7 @@ const handlePageChange = event => {
    </header>
    <main class="flex-1 px-6 overflow-y-auto xl:px-0">
      <div class="w-full max-w-[960px] mx-auto py-4">
-        <slot />
+        <slot name="controls" />
        <div
          v-if="isFetching"
          class="flex items-center justify-center py-10 text-n-slate-11"
@@ -111,6 +111,7 @@ const handlePageChange = event => {
          <slot name="emptyState" />
        </div>
        <slot v-else name="body" />
+        <slot />
      </div>
    </main>
    <footer v-if="showPaginationFooter" class="sticky bottom-0 z-10 px-4 pb-4">