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

Refine profile cards layout and styling

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

12
app/pages/profile/addresses.vue
View File

@@ -193,7 +193,7 @@ onBeforeUnmount(() => {
<fieldset class="fieldset mt-4">
<legend class="fieldset-legend">Название адреса (необязательно)</legend>
<input v-model="addressForm.label" type="text" class="input input-bordered w-full" placeholder="Склад МСК" >
<input v-model="addressForm.label" type="text" class="input w-full" placeholder="Склад МСК" >
</fieldset>
<div ref="addressDropdownRef" class="relative mt-2">
@@ -202,7 +202,7 @@ onBeforeUnmount(() => {
<input
v-model="addressSearch"
type="text"
class="input input-bordered w-full"
class="input w-full"
placeholder="Начните вводить адрес"
@input="scheduleAddressSuggest"
@focus="addressOpen = addressSuggestions.length > 0"
@@ -213,7 +213,7 @@ onBeforeUnmount(() => {
<div
v-if="addressOpen && addressSuggestions.length > 0"
class="absolute z-30 mt-2 max-h-72 w-full overflow-auto rounded-box border border-base-300 bg-base-100 p-2 shadow-xl"
class="absolute z-30 mt-2 max-h-72 w-full overflow-auto rounded-box bg-base-100 p-2"
>
<button
v-for="item in addressSuggestions"
@@ -240,15 +240,15 @@ onBeforeUnmount(() => {
<h2 class="text-xl font-bold text-[#123824]">Список адресов</h2>
<div class="mt-4 space-y-2">
<div v-if="deliveryAddressesQuery.loading.value" class="alert surface-card border-0">Загрузка адресов...</div>
<div v-else-if="deliveryAddresses.length === 0" class="alert surface-card border-0">
<div v-if="deliveryAddressesQuery.loading.value" class="alert surface-card">Загрузка адресов...</div>
<div v-else-if="deliveryAddresses.length === 0" class="alert surface-card">
Пока нет адресов доставки.
</div>
<article
v-for="address in deliveryAddresses"
:key="address.id"
class="rounded-2xl border border-[#d6ebde] bg-white/75 p-3"
class="rounded-2xl bg-[#f8fbf9] p-3 transition hover:shadow-md"
>
<div class="flex items-start justify-between gap-2">
<div>

34
app/pages/profile/counterparty.vue
View File

@@ -272,7 +272,7 @@ onBeforeUnmount(() => {
<input
v-model="companySearch"
type="text"
class="input input-bordered w-full"
class="input w-full"
placeholder="Введите название или ИНН"
@input="schedulePartySuggest"
@focus="partyOpen = partySuggestions.length > 0"
@@ -283,7 +283,7 @@ onBeforeUnmount(() => {
<div
v-if="partyOpen && partySuggestions.length > 0"
class="absolute z-30 mt-2 max-h-72 w-full overflow-auto rounded-box border border-base-300 bg-base-100 p-2 shadow-xl"
class="absolute z-30 mt-2 max-h-72 w-full overflow-auto rounded-box bg-base-100 p-2"
>
<button
v-for="item in partySuggestions"
@@ -302,34 +302,34 @@ onBeforeUnmount(() => {
<fieldset class="fieldset">
<legend class="fieldset-legend">Краткое наименование</legend>
<input v-model="counterpartyForm.companyName" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.companyName" type="text" class="input w-full" >
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Полное наименование</legend>
<input v-model="counterpartyForm.companyFullName" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.companyFullName" type="text" class="input w-full" >
</fieldset>
<div class="grid gap-3 sm:grid-cols-3">
<fieldset class="fieldset">
<legend class="fieldset-legend">ИНН</legend>
<input v-model="counterpartyForm.inn" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.inn" type="text" class="input w-full" >
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">КПП</legend>
<input v-model="counterpartyForm.kpp" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.kpp" type="text" class="input w-full" >
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">ОГРН</legend>
<input v-model="counterpartyForm.ogrn" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.ogrn" type="text" class="input w-full" >
</fieldset>
</div>
<fieldset class="fieldset">
<legend class="fieldset-legend">Юридический адрес</legend>
<textarea v-model="counterpartyForm.legalAddress" class="textarea textarea-bordered min-h-24 w-full" />
<textarea v-model="counterpartyForm.legalAddress" class="textarea min-h-24 w-full" />
</fieldset>
</section>
@@ -344,7 +344,7 @@ onBeforeUnmount(() => {
<input
v-model="bankSearch"
type="text"
class="input input-bordered w-full"
class="input w-full"
placeholder="Введите название банка"
@input="scheduleBankSuggest"
@focus="bankOpen = bankSuggestions.length > 0"
@@ -355,7 +355,7 @@ onBeforeUnmount(() => {
<div
v-if="bankOpen && bankSuggestions.length > 0"
class="absolute z-30 mt-2 max-h-72 w-full overflow-auto rounded-box border border-base-300 bg-base-100 p-2 shadow-xl"
class="absolute z-30 mt-2 max-h-72 w-full overflow-auto rounded-box bg-base-100 p-2"
>
<button
v-for="item in bankSuggestions"
@@ -374,24 +374,24 @@ onBeforeUnmount(() => {
<fieldset class="fieldset">
<legend class="fieldset-legend">Банк</legend>
<input v-model="counterpartyForm.bankName" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.bankName" type="text" class="input w-full" >
</fieldset>
<div class="grid gap-3 sm:grid-cols-2">
<fieldset class="fieldset">
<legend class="fieldset-legend">БИК</legend>
<input v-model="counterpartyForm.bik" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.bik" type="text" class="input w-full" >
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Корр. счет</legend>
<input v-model="counterpartyForm.correspondentAccount" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.correspondentAccount" type="text" class="input w-full" >
</fieldset>
</div>
<fieldset class="fieldset">
<legend class="fieldset-legend">Расчетный счет</legend>
<input v-model="counterpartyForm.checkingAccount" type="text" class="input input-bordered w-full" >
<input v-model="counterpartyForm.checkingAccount" type="text" class="input w-full" >
</fieldset>
</section>
@@ -402,19 +402,19 @@ onBeforeUnmount(() => {
<fieldset class="fieldset">
<legend class="fieldset-legend">ФИО подписанта</legend>
<input v-model="counterpartyForm.signerFullName" type="text" class="input input-bordered w-full" placeholder="Иванов Иван Иванович" >
<input v-model="counterpartyForm.signerFullName" type="text" class="input w-full" placeholder="Иванов Иван Иванович" >
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Должность</legend>
<input v-model="counterpartyForm.signerPosition" type="text" class="input input-bordered w-full" placeholder="Генеральный директор" >
<input v-model="counterpartyForm.signerPosition" type="text" class="input w-full" placeholder="Генеральный директор" >
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Основание полномочий</legend>
<textarea
v-model="counterpartyForm.signerBasis"
class="textarea textarea-bordered min-h-24 w-full"
class="textarea min-h-24 w-full"
placeholder="Действует на основании Устава"
/>
</fieldset>

4
app/pages/profile/notifications.vue
View File

@@ -52,7 +52,7 @@ const maxConnectUrl = computed(() => buildBotConnectUrl(config.public.maxBotUrl
</p>
<div class="mt-4 space-y-3">
<div class="rounded-2xl border border-[#d6ebde] bg-white/75 p-4">
<div class="rounded-2xl bg-[#f8fbf9] p-4 transition hover:shadow-md">
<p class="font-semibold">Telegram</p>
<p class="text-sm opacity-80">
{{ telegramConnection ? `Подключен: ${telegramConnection.channelId}` : 'Не подключен' }}
@@ -68,7 +68,7 @@ const maxConnectUrl = computed(() => buildBotConnectUrl(config.public.maxBotUrl
</a>
</div>
<div class="rounded-2xl border border-[#d6ebde] bg-white/75 p-4">
<div class="rounded-2xl bg-[#f8fbf9] p-4 transition hover:shadow-md">
<p class="font-semibold">Max</p>
<p class="text-sm opacity-80">
{{ maxConnection ? `Подключен: ${maxConnection.channelId}` : 'Не подключен' }}