Polish client orders section layout

This commit is contained in:
Ruslan Bakiev
2026-04-06 15:23:11 +07:00
parent b58eaf065a
commit 97d0c6fde7

View File

@@ -214,33 +214,33 @@ async function rejectRequest() {
</div>
<div class="surface-card rounded-3xl p-5">
<div v-if="currentUserOrders.length === 0" class="manager-empty-state mt-4">
У пользователя пока нет заказов.
</div>
<div v-else class="mt-4 space-y-3">
<OrdersOrderSummaryCard
v-for="order in visibleUserOrders"
:key="order.id"
:to="`/client-orders/${order.id}`"
:code="order.code"
:status="order.status"
:created-at="order.createdAt"
:total-price="order.totalPrice"
:items="order.items"
/>
<div v-if="currentUserOrders.length === 0" class="manager-empty-state mt-4">
У пользователя пока нет заказов.
</div>
<div v-else class="mt-4 space-y-3">
<OrdersOrderSummaryCard
v-for="order in visibleUserOrders"
:key="order.id"
:to="`/client-orders/${order.id}`"
:code="order.code"
:status="order.status"
:created-at="order.createdAt"
:total-price="order.totalPrice"
:items="order.items"
/>
<div
v-if="canLoadMoreUserOrders"
ref="loadMoreUserOrdersSentinel"
class="flex justify-center pt-2"
>
<button class="btn btn-outline border-[#d7e9de] bg-white" @click="loadMoreUserOrders">
Показать ещё {{ Math.min(remainingUserOrdersCount, 24) }}
</button>
<div
v-if="canLoadMoreUserOrders"
ref="loadMoreUserOrdersSentinel"
class="flex justify-center pt-2"
>
<button class="btn btn-outline border-[#d7e9de] bg-white" @click="loadMoreUserOrders">
Показать ещё {{ Math.min(remainingUserOrdersCount, 24) }}
</button>
</div>
</div>
</div>
</div>
</div>
</template>
</template>
</section>