fregat/web-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine order list layout and client card

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-04 14:30:50 +07:00
parent 3bee6c370a
commit 254fa45ced
6 changed files with 66 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/pages/clients/[id].vue
View File

@@ -148,8 +148,8 @@ async function rejectRequest() {
</div>
<template v-else>
<div class="surface-card flex flex-col gap-6 rounded-[36px] p-6 md:flex-row md:items-center">
<div class="shrink-0">
<div class="surface-card rounded-[36px] p-6">
<div class="flex flex-col items-center gap-4 text-center">
<img
v-if="messengerConnectionAvatarSrc(currentUser.telegramConnection)"
:src="messengerConnectionAvatarSrc(currentUser.telegramConnection)"
@@ -162,13 +162,15 @@ async function rejectRequest() {
>
{{ userInitials(currentUser.fullName) }}
</div>
</div>
<div class="space-y-2">
<p class="manager-eyebrow">Пользователь</p>
<h1 class="manager-title">{{ currentUser.fullName }}</h1>
<p class="text-sm text-[#466653]">{{ currentUser.email }}</p>
<p v-if="currentUser.companyName" class="text-sm text-[#466653]">{{ currentUser.companyName }}</p>
<div class="space-y-2">
<p class="manager-eyebrow">Пользователь</p>
<h1 class="text-[clamp(1.8rem,3vw,2.8rem)] font-black leading-none tracking-[-0.04em] text-[#123824]">
{{ currentUser.fullName }}
</h1>
<p class="text-sm text-[#466653]">{{ currentUser.email }}</p>
<p v-if="currentUser.companyName" class="text-sm text-[#466653]">{{ currentUser.companyName }}</p>
</div>
</div>
</div>
@@ -187,11 +189,6 @@ async function rejectRequest() {
:created-at="order.createdAt"
:total-price="order.totalPrice"
:items="order.items"
:customer="{
name: currentUser.fullName,
avatarSrc: messengerConnectionAvatarSrc(currentUser.telegramConnection),
initials: userInitials(currentUser.fullName),
}"
/>
</div>
</div>