fix: client blocks — full width on small screens, half on md+
This commit is contained in:
parent
998b0a27c3
commit
35ad31e9f2
@ -33,7 +33,7 @@
|
||||
|
||||
<div class="mt-4 flex flex-wrap gap-x-2">
|
||||
<!-- Основной клиент -->
|
||||
<div class="w-1/2">
|
||||
<div class="w-full md:w-1/2">
|
||||
<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-1/2">
|
||||
<div v-for="(client, index) in props.deal.side_one_clients" :key="index" class="w-full md:w-1/2">
|
||||
<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-1/2">
|
||||
<div v-for="(client, index) in props.deal.side_two_clients" :key="index" class="w-full md:w-1/2">
|
||||
<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-1/2">
|
||||
<div class="w-full md:w-1/2">
|
||||
<div class="client flex justify-between items-center">
|
||||
<div class="flex-grow">
|
||||
<MultiSelect
|
||||
|
||||
Loading…
Reference in New Issue
Block a user