Unify inner page back headers

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

View File

@@ -61,23 +61,21 @@ async function deleteAddress(addressId: string) {
<template>
<section class="space-y-6">
<NuxtLink to="/profile" class="link link-hover text-sm"> Назад в профиль</NuxtLink>
<div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
<div class="space-y-2">
<h1 class="text-3xl font-extrabold text-[#0f2f20]">Адреса доставки</h1>
<p class="text-sm leading-6 text-[#466653]">
Выберите основной адрес для заказов или добавьте новый.
</p>
</div>
<NuxtLink
to="/profile/addresses/new"
class="btn rounded-full border-0 bg-[#123824] px-6 text-white hover:bg-[#0f2f20]"
>
Добавить
</NuxtLink>
</div>
<UiBackHeader
to="/profile"
back-label="Назад в профиль"
title="Адреса доставки"
subtitle="Выберите основной адрес для заказов или добавьте новый."
>
<template #actions>
<NuxtLink
to="/profile/addresses/new"
class="btn rounded-full border-0 bg-[#123824] px-6 text-white hover:bg-[#0f2f20]"
>
Добавить
</NuxtLink>
</template>
</UiBackHeader>
<div
v-if="addressFeedback"

View File

@@ -117,14 +117,12 @@ onBeforeUnmount(() => {
<template>
<section class="space-y-6">
<NuxtLink to="/profile/addresses" class="link link-hover text-sm"> Назад к адресам</NuxtLink>
<div class="space-y-2">
<h1 class="text-3xl font-extrabold text-[#0f2f20]">Новый адрес</h1>
<p class="text-sm leading-6 text-[#466653]">
Найдите адрес через DaData и сохраните его в профиль.
</p>
</div>
<UiBackHeader
to="/profile/addresses"
back-label="Назад к адресам"
title="Новый адрес"
subtitle="Найдите адрес через DaData и сохраните его в профиль."
/>
<div class="rounded-[28px] bg-white px-5 py-5 shadow-[0_18px_38px_rgba(18,56,36,0.08)] md:px-6 md:py-6">
<fieldset class="fieldset">

View File

@@ -254,23 +254,21 @@ onBeforeUnmount(() => {
<template>
<section class="space-y-6">
<NuxtLink to="/profile" class="link link-hover text-sm"> Назад в профиль</NuxtLink>
<div class="space-y-2">
<div class="flex flex-wrap items-center justify-between gap-3">
<h1 class="text-3xl font-extrabold text-[#0f2f20]">Карточка контрагента</h1>
<UiBackHeader
to="/profile"
back-label="Назад в профиль"
title="Карточка контрагента"
subtitle="Заполните реквизиты компании, банка и подписанта. После этого карточку можно будет использовать в заказах без ручного добивания данных."
>
<template #actions>
<span
class="inline-flex items-center rounded-full px-3 py-1 text-xs font-bold uppercase tracking-[0.16em]"
:class="profileIsComplete ? 'bg-[#e8f6ee] text-[#0d854a]' : 'bg-[#fff3dc] text-[#b06b00]'"
>
{{ profileIsComplete ? 'Заполнено' : 'Нужно заполнить' }}
</span>
</div>
<p class="max-w-3xl text-sm leading-6 text-[#355947]">
Заполните реквизиты компании, банка и подписанта. После этого карточку можно будет использовать в заказах без ручного добивания данных.
</p>
</div>
</template>
</UiBackHeader>
<div class="space-y-4">
<section class="surface-card rounded-3xl p-5 md:p-6">

View File

@@ -134,14 +134,12 @@ async function removeConnection(connectionId: string) {
<template>
<section class="space-y-6">
<NuxtLink to="/profile" class="link link-hover text-sm"> Назад в профиль</NuxtLink>
<div class="space-y-2">
<h1 class="text-3xl font-extrabold text-[#0f2f20]">Уведомления</h1>
<p class="text-sm leading-6 text-[#466653]">
Подключите мессенджер, чтобы получать уведомления по заказам.
</p>
</div>
<UiBackHeader
to="/profile"
back-label="Назад в профиль"
title="Уведомления"
subtitle="Подключите мессенджер, чтобы получать уведомления по заказам."
/>
<div
v-if="feedback"