Polish client orders section layout
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user