responsive control for recurring section

This commit is contained in:
Burak Civan 2022-08-26 10:19:38 +03:00
parent ea646137a4
commit 254a2e52c1

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="sm:col-span-6 space-y-8 sm:space-y-2"> <div class="sm:col-span-6 space-y-8 sm:space-y-2">
<div class="flex items-center" :class="{ 'justify-between sm:justify-start': frequency == 'custom' }"> <div class="flex flex-wrap lg:flex-nowrap items-center space-y-3 lg:space-y-0" :class="{ 'justify-between sm:justify-start': frequency == 'custom' }">
<div class="w-60 px-2 text-sm"> <div class="w-60 px-2 text-sm">
{{ frequencyText }} {{ frequencyText }}
</div> </div>
@ -30,7 +30,7 @@
</el-select> </el-select>
</div> </div>
<div class="flex items-center" :class="{ 'justify-between sm:justify-start': limit !== 'never' }"> <div class="flex flex-wrap lg:flex-nowrap items-center space-y-3 lg:space-y-0" :class="{ 'justify-between sm:justify-start': limit !== 'never' }">
<div class="w-60 px-2 text-sm"> <div class="w-60 px-2 text-sm">
{{ startText }} {{ startText }}
</div> </div>