From af146a4998cd639350c9d78ab47e3458c904e429 Mon Sep 17 00:00:00 2001 From: megavrilinvv Date: Thu, 13 Jul 2023 11:53:27 +0300 Subject: [PATCH] =?UTF-8?q?=D0=97=D0=B0=D0=BC=D0=B5=D0=BD=D0=B8=D0=BB=20?= =?UTF-8?q?=D1=87=D0=B5=D0=BA=D0=B1=D0=BE=D0=BA=D1=81=D1=8B=20=D0=BD=D0=B0?= =?UTF-8?q?=20=D1=80=D0=B0=D0=B4=D0=B8=D0=BE=D0=B1=D0=B0=D1=82=D0=BE=D0=BD?= =?UTF-8?q?=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/base/BaseCategorySelection.vue | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/src/components/base/BaseCategorySelection.vue b/src/components/base/BaseCategorySelection.vue index 304fd8d..fcf7cb1 100644 --- a/src/components/base/BaseCategorySelection.vue +++ b/src/components/base/BaseCategorySelection.vue @@ -23,11 +23,13 @@ .flex.items-center(v-for="benefit in benefitData", :key="benefit.id") q-item(tag="label", :style="{alignItems: benefit.name.length > 28 ? 'start' : 'center'}") q-item-section(top) - q-radio( + q-radio.radio( v-model="selected", :val="benefit", - :style="{border: 'none', width: '36px'}", - size="32px", + :style="{paddingTop: benefit.name.length > 28 ? '7px' : '2px'}", + size="24px", + checked-icon="check_circle", + unchecked-icon="radio_button_unchecked" ) q-item-label .name.flex.items-center.font-medium.text-xm {{benefit.name}} @@ -191,8 +193,8 @@ export default { min-height: 40px .q-item__section - width: 36px - min-width: 36px + width: 32px + min-width: 32px .q-item :deep(.q-focus-helper) width: 0 @@ -210,4 +212,10 @@ export default { border: 1px solid var(--font-dark-blue-color) &:after border-width: 1px !important + +.radio :deep(.q-icon) + font-size: 20px + +.radio :deep(.q-radio__inner) + height: 24px