diff --git a/src/components/base/BaseCategorySelection.vue b/src/components/base/BaseCategorySelection.vue index a546267..55fb5b8 100644 --- a/src/components/base/BaseCategorySelection.vue +++ b/src/components/base/BaseCategorySelection.vue @@ -9,18 +9,22 @@ size="18px", style="color: var(--font-dark-blue-color)" ) - .flex.flex-col(:style="{height: '457px'}") - .flex.items-center.h-10.gap-x-1(v-for="benefit in benefitData", :key="benefit.id") + .field.flex.flex-col.overflow-y-scroll + .flex.items-center( + v-for="benefit in benefitData", + :key="benefit.id", + :style="{alignItems: benefit.name.length > 28 ? 'start' : 'center'}" + ) q-checkbox( - v-model="selected" + v-model="selected", :val="benefit", - :style="{border: 'none', sidth: '36px'}", + :style="{border: 'none', width: '36px'}", size="32px" ) - .name.flex.h-10.items-center {{benefit.name}} + .name.flex.items-center.font-medium.text-xm {{benefit.name}} .buttons-group.flex.py-4.px-8.justify-center - base-button.text-base.font-semibold(outlined :size="40" @click="closeModalCategories") Отменить - base-button.text-base.font-semibold(:size="40") Сохранить + base-button.text-base.font-semibold(outlined, :size="40", @click="closeModalCategories") Отменить + base-button.text-base.font-semibold(:size="40", @click="saveCategories(selected[0])") Сохранить .right-side.flex.px-14.font-bold.relative q-icon(name="app:icon-cancel").text-sm.absolute.top-4.right-4.cursor-pointer(@click="closeModalCategories") .flex.py-10.gap-y-6.flex-col(v-if="selected.length > 0 && selected[0]?.name !== 'Без льготы'") @@ -53,6 +57,7 @@ export default { benefitData: Array, shiftSelected: Function, closeModalCategories: Function, + saveCategories: Function, }, data() { return { @@ -81,6 +86,7 @@ export default { }, }; +