fix: client blocks — use CSS grid instead of flex+gap
This commit is contained in:
parent
35ad31e9f2
commit
00dd1b1bcf
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user