Refine profile cards layout and styling

This commit is contained in:
Ruslan Bakiev
2026-04-03 12:06:04 +07:00
parent 12fbe00ee2
commit 71d2b176e9
6 changed files with 75 additions and 49 deletions

View File

@@ -135,7 +135,7 @@ async function submitCart() {
<section class="space-y-6">
<h1 class="text-3xl font-extrabold text-[#0f2f20]">Корзина</h1>
<div v-if="counterpartyLoading" class="alert surface-card border-0">
<div v-if="counterpartyLoading" class="alert surface-card">
Проверяем карточку контрагента...
</div>
<div v-else-if="!isCounterpartyComplete" class="alert alert-warning">
@@ -146,7 +146,7 @@ async function submitCart() {
<div class="surface-card rounded-3xl p-4 md:p-5">
<h2 class="text-lg font-bold text-[#123824]">Адрес доставки</h2>
<div v-if="deliveryAddressesQuery.loading" class="alert mt-3 surface-card border-0">
<div v-if="deliveryAddressesQuery.loading" class="alert mt-3 surface-card">
Загружаем адреса...
</div>
<div v-else-if="!hasDeliveryAddresses" class="alert alert-warning mt-3">
@@ -157,7 +157,7 @@ async function submitCart() {
<label
v-for="address in deliveryAddresses"
:key="address.id"
class="flex cursor-pointer items-start gap-3 rounded-2xl border border-[#d6ebde] bg-white/75 p-3"
class="flex cursor-pointer items-start gap-3 rounded-2xl bg-white p-3 transition hover:shadow-md"
>
<input
v-model="selectedDeliveryAddressId"
@@ -179,7 +179,7 @@ async function submitCart() {
<h2 class="text-xl font-bold text-[#123824]">Позиции</h2>
<div v-if="cartItems.length === 0" class="alert surface-card border-0">
<div v-if="cartItems.length === 0" class="alert surface-card">
Корзина пока пустая. Добавьте товар из каталога.
</div>
@@ -226,7 +226,7 @@ async function submitCart() {
</div>
<button
class="btn w-full border-0 bg-[#139957] text-white hover:bg-[#0d854a]"
class="btn w-full bg-[#139957] text-white hover:bg-[#0d854a]"
:disabled="sending || counterpartyLoading || !isCounterpartyComplete || !selectedDeliveryAddressId || cartItems.length === 0"
@click="submitCart"
>