fregat/web-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify inner page back headers

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-06 21:44:24 +07:00
parent fe775cc968
commit a820d1f7ee
13 changed files with 140 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/pages/bonus-system/[userId].vue
View File

@@ -39,8 +39,6 @@ function formatDateTime(value: string) {
<template>
<section class="space-y-6">
<NuxtLink to="/admin/bonuses/balances" class="text-sm font-semibold text-[#0d854a]">← Назад к бонусам</NuxtLink>
<div v-if="bonusAccountQuery.loading.value" class="manager-empty-state">
Загружаем бонусный счёт...
</div>
@@ -51,18 +49,19 @@ function formatDateTime(value: string) {
<template v-else>
<div class="space-y-4">
<div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
<div class="space-y-1">
<h1 class="text-3xl font-extrabold text-[#123824]">{{ bonusAccount.fullName }}</h1>
<p v-if="bonusAccount.companyName || bonusAccount.email" class="text-sm text-[#5c7b69]">
{{ bonusAccount.companyName || bonusAccount.email }}
</p>
</div>
<div class="text-left sm:text-right">
<p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Доступный бонус</p>
<p class="mt-2 text-3xl font-black leading-none text-[#123824]">{{ formatAmount(bonusAccount.balance) }}</p>
</div>
</div>
<UiBackHeader
to="/admin/bonuses/balances"
back-label="Назад к бонусам"
:title="`Бонусный счёт ${bonusAccount.fullName}`"
:subtitle="bonusAccount.companyName || bonusAccount.email || undefined"
>
<template #actions>
<div class="text-left md:text-right">
<p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Доступный бонус</p>
<p class="mt-2 text-3xl font-black leading-none text-[#123824]">{{ formatAmount(bonusAccount.balance) }}</p>
</div>
</template>
</UiBackHeader>
<div v-if="pendingWithdrawals.length" class="surface-card rounded-[32px] p-6">
<p class="text-lg font-bold text-[#123824]">Выводы</p>