fix: 02, 03 card per row & ellipsis

This commit is contained in:
puriphatt 2024-07-19 07:39:23 +00:00
parent 60e47dff2d
commit 4695b7c8a0
2 changed files with 8 additions and 8 deletions

View file

@ -1224,7 +1224,7 @@ watch(
</template>
<template v-slot:item="props">
<div class="col-md-3 col-12">
<div class="col-md-3 col-sm-6 col-12">
<PersonCard
:data="{
code: props.row.code,

View file

@ -1841,7 +1841,7 @@ watch(
>
<template v-slot:before>
<div
class="column q-pa-md surface-1 full-height"
class="column q-pa-md surface-1 full-height full-width"
style="gap: var(--size-1)"
>
<template v-if="selectorLabel === 'EMPLOYER'">
@ -1851,12 +1851,12 @@ watch(
v-for="v in fieldCustomer"
:key="v"
dense
class="no-padding flex items-center rounded"
class="no-padding items-center rounded full-width"
active-class="employer-active"
:active="fieldSelectedCustomer.value === v"
@click="fieldSelectedCustomer = { label: v, value: v }"
>
<span class="q-px-md">
<span class="q-px-md ellipsis">
{{ $t(v) }}
</span>
</q-item>
@ -1866,11 +1866,11 @@ watch(
active
dense
active-class="employer-active"
class="no-padding flex items-center rounded"
class="no-padding items-center rounded full-width"
v-close-popup
clickable
>
<span class="q-px-md">
<span class="q-px-md ellipsis">
{{ $t('totalEmployee') }}
</span>
</q-item>
@ -2170,7 +2170,7 @@ watch(
</template>
<template v-slot:item="props">
<div class="col-12 col-md-3">
<div class="col-12 col-md-3 col-sm-6">
<PersonCard
:field-selected="fieldSelected"
history
@ -2638,7 +2638,7 @@ watch(
</template>
<template v-slot:item="props">
<div class="col-12 col-md-3">
<div class="col-12 col-md-3 col-sm-6">
<PersonCard
:field-selected="fieldSelected"
history