hrms-bangkok/hrms-edm
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix: createdBy is centered.

Browse source
This commit is contained in:
somnetsak123 2023-12-06 16:11:53 +07:00
parent 30fa3f0f48
commit d09ac61689
1 changed files with 26 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

32
Services/client/src/components/ListView.vue
View file

@ -195,7 +195,6 @@ const columnsFolder: QTableProps['columns'] = [
label: 'สร้างโดย',
field: 'createdBy',
style: 'width: 20px',
sortable: true,
},
{
@ -301,6 +300,13 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
{{ nameRow.row.name }}
</q-td>
</template>
<template v-slot:body-cell-createdBy="createdByRow">
<q-td>
<div class="justify-center center-content">
{{ createdByRow.row.createdBy }}
</div>
</q-td>
</template>
<template v-slot:body-cell-createdAt="createdAtRow">
<q-td>
<div class="justify-center">
@ -311,7 +317,13 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
<template v-slot:body-cell-actions="actionsRow">
<q-td class="justify-center">
<div>
<q-icon @click.stop class="q-ma-sm" name="o_info" size="2em" color="primary" />
<q-icon
@click.stop
class="q-ma-sm"
name="o_info"
size="2em"
color="primary"
/>
<q-tooltip
anchor="center left"
self="center right"
@ -325,7 +337,6 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
flat
color="positive"
dense
icon="o_edit"
@click.stop="
triggerFolderEdit(
@ -335,12 +346,12 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
"
id="listViewFolderEdit"
/>
<q-btn
flat
color="negative"
dense
:data-testid="(actionsRow.row.name)"
:data-testid="actionsRow.row.name"
icon="mdi-trash-can-outline"
@click.stop="triggerFolderDelete(actionsRow.row.pathname)"
id="listViewFolderDelete"
@ -412,7 +423,12 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
<template v-slot:body-cell-actions="actionsRow">
<q-td class="justify-center">
<div>
<q-icon class="q-ma-sm" name="o_info" size="2em" color="primary" />
<q-icon
class="q-ma-sm"
name="o_info"
size="2em"
color="primary"
/>
<q-tooltip
anchor="center left"
self="center right"
@ -491,6 +507,10 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
align-items: center;
}
.center-content {
margin-right: 18px;
}
.cursor {
cursor: pointer;
}