fix: убраны отступы по бокам блоков клиентов, gap между ними
This commit is contained in:
parent
97d9fc69f5
commit
998b0a27c3
@ -31,9 +31,9 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-4 flex flex-wrap">
|
<div class="mt-4 flex flex-wrap gap-x-2">
|
||||||
<!-- Основной клиент -->
|
<!-- Основной клиент -->
|
||||||
<div class="w-1/2 p-2">
|
<div class="w-1/2">
|
||||||
<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" class="w-1/2">
|
||||||
<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" class="w-1/2">
|
||||||
<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 class="w-1/2">
|
||||||
<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 {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user