fix: client blocks — use CSS grid instead of flex+gap

This commit is contained in:
Mac 2026-06-16 17:28:21 +03:00
parent 35ad31e9f2
commit 00dd1b1bcf

View File

@ -31,9 +31,9 @@
</button>
</div>
<div class="mt-4 flex flex-wrap gap-x-2">
<div class="mt-4 grid grid-cols-1 md:grid-cols-2 gap-2">
<!-- Основной клиент -->
<div class="w-full md:w-1/2">
<div>
<div class="client flex justify-between items-center">
<div class="client-name flex space-x-1">
<span>Клиент:</span>
@ -55,7 +55,7 @@
<!-- Дополнительные клиенты стороны 1 -->
<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-full md:w-1/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-name flex space-x-1">
<span>Клиент:</span>
@ -78,7 +78,7 @@
<!-- Дополнительные клиенты стороны 2 -->
<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-full md:w-1/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-name flex space-x-1">
<span>Клиент:</span>
@ -100,7 +100,7 @@
</template>
<!-- Dropdown для выбора клиентов -->
<div class="w-full md:w-1/2">
<div>
<div class="client flex justify-between items-center">
<div class="flex-grow">
<MultiSelect