Unify inner page back headers
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user