fix: client blocks — full width on small screens, half on md+

This commit is contained in:
Mac 2026-06-16 17:20:02 +03:00
parent 998b0a27c3
commit 35ad31e9f2

View File

@ -33,7 +33,7 @@
<div class="mt-4 flex flex-wrap gap-x-2"> <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 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"> <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 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"> <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 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"> <div class="w-full md: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