Separate manager page tabs from hero

This commit is contained in:
Ruslan Bakiev
2026-04-06 11:20:07 +07:00
parent 606ed6c356
commit 50a02c6593
3 changed files with 72 additions and 38 deletions

View File

@@ -134,6 +134,25 @@ function userInitials(fullName: string) {
<template>
<section class="space-y-6">
<div class="manager-page-tabs">
<button
type="button"
class="manager-page-tab"
:class="{ 'manager-page-tab--active': activeTab === 'balances' }"
@click="setTab('balances')"
>
Балансы
</button>
<button
type="button"
class="manager-page-tab"
:class="{ 'manager-page-tab--active': activeTab === 'withdrawals' }"
@click="setTab('withdrawals')"
>
Заявки на выплату
</button>
</div>
<UiSectionSearchHero
v-model="search"
title="Бонусы"
@@ -144,25 +163,6 @@ function userInitials(fullName: string) {
Добавить связь
</NuxtLink>
</template>
<template #tabs>
<div class="tabs tabs-boxed w-fit bg-white">
<button
class="tab"
:class="{ 'tab-active': activeTab === 'balances' }"
@click="setTab('balances')"
>
Балансы
</button>
<button
class="tab"
:class="{ 'tab-active': activeTab === 'withdrawals' }"
@click="setTab('withdrawals')"
>
Заявки на выплату
</button>
</div>
</template>
</UiSectionSearchHero>
<template v-if="activeTab === 'balances'">

View File

@@ -108,30 +108,30 @@ function userInitials(fullName: string) {
<template>
<section class="space-y-6">
<div class="manager-page-tabs">
<button
type="button"
class="manager-page-tab"
:class="{ 'manager-page-tab--active': activeTab === 'users' }"
@click="setTab('users')"
>
Пользователи
</button>
<button
type="button"
class="manager-page-tab"
:class="{ 'manager-page-tab--active': activeTab === 'requests' }"
@click="setTab('requests')"
>
Заявки
</button>
</div>
<UiSectionSearchHero
v-model="search"
title="Пользователи"
:search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'"
>
<template #tabs>
<div class="tabs tabs-boxed w-fit bg-white">
<button
class="tab"
:class="{ 'tab-active': activeTab === 'users' }"
@click="setTab('users')"
>
Пользователи
</button>
<button
class="tab"
:class="{ 'tab-active': activeTab === 'requests' }"
@click="setTab('requests')"
>
Заявки
</button>
</div>
</template>
<template #controls>
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
Пригласить