Move manager tabs into hero

This commit is contained in:
Ruslan Bakiev
2026-04-04 10:22:35 +07:00
parent a4b3e195c7
commit 7b7750a5af
3 changed files with 41 additions and 35 deletions

View File

@@ -18,6 +18,8 @@ function updateValue(event: Event) {
<div class="space-y-5">
<h1 class="text-3xl font-extrabold text-[#0f2f20]">{{ props.title }}</h1>
<slot name="tabs" />
<div class="flex flex-col gap-3 md:flex-row md:items-center">
<label class="input input-bordered flex w-full flex-1 items-center gap-3 rounded-full bg-white">
<svg

View File

@@ -89,8 +89,8 @@ const filteredWithdrawals = computed(() => {
v-model="search"
title="Бонусы"
:search-placeholder="activeTab === 'balances' ? 'Пользователь, email, компания или сумма' : 'Пользователь, сумма или статус'"
/>
>
<template #tabs>
<div class="tabs tabs-boxed w-fit bg-white">
<button
class="tab"
@@ -107,6 +107,8 @@ const filteredWithdrawals = computed(() => {
Заявки на выплату
</button>
</div>
</template>
</UiSectionSearchHero>
<template v-if="activeTab === 'balances'">
<div v-if="balancesQuery.loading.value" class="manager-empty-state">

View File

@@ -113,13 +113,7 @@ function userInitials(fullName: string) {
title="Пользователи"
:search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'"
>
<template #controls>
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
Пригласить
</NuxtLink>
</template>
</UiSectionSearchHero>
<template #tabs>
<div class="tabs tabs-boxed w-fit bg-white">
<button
class="tab"
@@ -136,6 +130,14 @@ function userInitials(fullName: string) {
Заявки
</button>
</div>
</template>
<template #controls>
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
Пригласить
</NuxtLink>
</template>
</UiSectionSearchHero>
<template v-if="activeTab === 'users'">
<div v-if="usersQuery.loading.value" class="manager-empty-state">