weborsha/deal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: weborsha:97d9fc69f5ba1e490b6c46c0f9337aae53451cf8
Branches Tags
weborsha:master
...
compare: weborsha:cf9e5e4540b58a9cf0928432c8648751540d5b95
Branches Tags
weborsha:master

5 Commits
97d9fc69f5 ... cf9e5e4540

Author SHA1 Message Date
Vladimir
cf9e5e4540 fix: client info overflow on 13-inch screens 2026-06-16 18:19:04 +03:00
Mac
7934dd5826 fix: client grid — 2 cols only at 1920px+ 2026-06-16 17:43:02 +03:00
Mac
00dd1b1bcf fix: client blocks — use CSS grid instead of flex+gap 2026-06-16 17:28:21 +03:00
Mac
35ad31e9f2 fix: client blocks — full width on small screens, half on md+ 2026-06-16 17:20:02 +03:00
Mac
998b0a27c3 fix: убраны отступы по бокам блоков клиентов, gap между ними 2026-06-16 14:02:29 +03:00
1 changed files with 9 additions and 6 deletions
Show Stats Expand all files Collapse all files

15
src/components/deal/addEdit/RequisitionDetails.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div v-if="requisition" class="deal-req-card mr-4 sm:w-1/2 md:w-1/3 lg:w-full p-2 flex"> <div v-if="requisition" class="deal-req-card mr-4 sm:w-1/2 md:w-1/3 lg:w-full p-2 flex">
<div class="p-4 w-full"> <div class="p-4 w-full">
<div class="stage mb-3">{{ typeReq }}</div>
<div class="flex items-center"> <div class="flex items-center">
<div class="created_at">{{ formattedDate }}</div> <div class="created_at">{{ formattedDate }}</div>
<div class="stage ml-4">{{ typeReq }}</div>
<div class="progress-bar-container ml-4 flex w-full"> <div class="progress-bar-container ml-4 flex w-full">
<div class="progress-bar flex"> <div class="progress-bar flex">
@ -31,9 +31,9 @@
</button> </button>
</div> </div>
<div class="mt-4 flex flex-wrap"> <div class="mt-4 grid grid-cols-1 min-[1920px]:grid-cols-2 gap-2">
<!-- Основной клиент --> <!-- Основной клиент -->
<div class="w-1/2 p-2"> <div>
<div class="client flex justify-between items-center"> <div class="client flex justify-between items-center">
<div class="client-name flex space-x-1"> <div class="client-name flex space-x-1">
<span>Клиент:</span> <span>Клиент:</span>
@ -55,7 +55,7 @@
<!-- Дополнительные клиенты стороны 1 --> <!-- Дополнительные клиенты стороны 1 -->
<template v-if="props.deal.side_one_clients && props.deal.side_one_clients.length > 0 && props.side === 'sideOne'"> <template v-if="props.deal.side_one_clients && props.deal.side_one_clients.length > 0 && props.side === 'sideOne'">
<div v-for="(client, index) in props.deal.side_one_clients" :key="index" class="w-1/2 p-2"> <div v-for="(client, index) in props.deal.side_one_clients" :key="index">
<div class="client flex justify-between items-center"> <div class="client flex justify-between items-center">
<div class="client-name flex space-x-1"> <div class="client-name flex space-x-1">
<span>Клиент:</span> <span>Клиент:</span>
@ -78,7 +78,7 @@
<!-- Дополнительные клиенты стороны 2 --> <!-- Дополнительные клиенты стороны 2 -->
<template v-if="props.deal.side_two_clients && props.deal.side_two_clients.length > 0 && props.side === 'sideTwo'"> <template v-if="props.deal.side_two_clients && props.deal.side_two_clients.length > 0 && props.side === 'sideTwo'">
<div v-for="(client, index) in props.deal.side_two_clients" :key="index" class="w-1/2 p-2"> <div v-for="(client, index) in props.deal.side_two_clients" :key="index">
<div class="client flex justify-between items-center"> <div class="client flex justify-between items-center">
<div class="client-name flex space-x-1"> <div class="client-name flex space-x-1">
<span>Клиент:</span> <span>Клиент:</span>
@ -100,7 +100,7 @@
</template> </template>
<!-- Dropdown для выбора клиентов --> <!-- Dropdown для выбора клиентов -->
<div class="w-1/2 p-2"> <div>
<div class="client flex justify-between items-center"> <div class="client flex justify-between items-center">
<div class="flex-grow"> <div class="flex-grow">
<MultiSelect <MultiSelect
@ -382,6 +382,9 @@ const typeReq = computed(() => {
padding: 0; padding: 0;
border: none; border: none;
white-space: nowrap; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
} }
.client-info { .client-info {