fix: icon outline

This commit is contained in:
somnetsak123 2023-12-06 11:39:37 +07:00
parent 5fc29cd8e5
commit 72e2023abd
3 changed files with 14 additions and 12 deletions

View file

@ -17,8 +17,8 @@ const props =
<q-item clickable @click="() => $emit('edit')" id="FileltemActionEdit"> <q-item clickable @click="() => $emit('edit')" id="FileltemActionEdit">
<q-item-section> <q-item-section>
<div class="row items-center white"> <div class="row items-center white">
<q-icon name="edit" color="positive" /> <q-icon name="o_edit" color="positive" />
<span class="q-ml-sm">แกไข</span> <span class="q-ml-sm ">แกไข</span>
</div> </div>
</q-item-section> </q-item-section>
</q-item> </q-item>
@ -29,7 +29,7 @@ const props =
> >
<q-item-section> <q-item-section>
<div class="row items-center white"> <div class="row items-center white">
<q-icon name="delete" color="negative" /> <q-icon name="mdi-trash-can-outline" color="negative" />
<span class="q-ml-sm">ลบ</span> <span class="q-ml-sm">ลบ</span>
</div> </div>
</q-item-section> </q-item-section>

View file

@ -320,7 +320,7 @@ onMounted(() => {
<template v-slot:body-cell-actions="actionData"> <template v-slot:body-cell-actions="actionData">
<q-td class="justify-center"> <q-td class="justify-center">
<div> <div>
<q-icon class="q-ma-sm" name="info" size="2em" color="primary" /> <q-icon class="q-ma-sm" name="o_info" size="2em" color="primary" />
<q-tooltip <q-tooltip
anchor="center left" anchor="center left"
self="center right" self="center right"
@ -334,7 +334,7 @@ onMounted(() => {
flat flat
color="positive" color="positive"
dense dense
icon="edit" icon="o_edit"
@click=" @click="
() => triggerFileEdit(actionData.row, actionData.row.pathname) () => triggerFileEdit(actionData.row, actionData.row.pathname)
" "
@ -344,7 +344,7 @@ onMounted(() => {
flat flat
color="negative" color="negative"
dense dense
icon="delete" icon="mdi-trash-can-outline"
@click="() => triggerFileDelete(actionData.row.pathname)" @click="() => triggerFileDelete(actionData.row.pathname)"
id="listViewFileDelete" id="listViewFileDelete"
/> />

View file

@ -311,7 +311,7 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
<template v-slot:body-cell-actions="actionsRow"> <template v-slot:body-cell-actions="actionsRow">
<q-td class="justify-center"> <q-td class="justify-center">
<div> <div>
<q-icon class="q-ma-sm" name="info" size="2em" color="primary" /> <q-icon class="q-ma-sm" name="o_info" size="2em" color="primary" />
<q-tooltip <q-tooltip
anchor="center left" anchor="center left"
self="center right" self="center right"
@ -325,7 +325,8 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
flat flat
color="positive" color="positive"
dense dense
icon="edit"
icon="o_edit"
@click.stop=" @click.stop="
triggerFolderEdit( triggerFolderEdit(
actionsRow.row.name, actionsRow.row.name,
@ -334,11 +335,12 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
" "
id="listViewFolderEdit" id="listViewFolderEdit"
/> />
<q-btn <q-btn
flat flat
color="negative" color="negative"
dense dense
icon="delete" icon="mdi-trash-can-outline"
@click.stop="triggerFolderDelete(actionsRow.row.pathname)" @click.stop="triggerFolderDelete(actionsRow.row.pathname)"
id="listViewFolderDelete" id="listViewFolderDelete"
/> />
@ -409,7 +411,7 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
<template v-slot:body-cell-actions="actionsRow"> <template v-slot:body-cell-actions="actionsRow">
<q-td class="justify-center"> <q-td class="justify-center">
<div> <div>
<q-icon class="q-ma-sm" name="info" size="2em" color="primary" /> <q-icon class="q-ma-sm" name="o_info" size="2em" color="primary" />
<q-tooltip <q-tooltip
anchor="center left" anchor="center left"
self="center right" self="center right"
@ -423,7 +425,7 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
flat flat
color="positive" color="positive"
dense dense
icon="edit" icon="o_edit"
@click=" @click="
() => triggerFileEdit(actionsRow.row, actionsRow.row.pathname) () => triggerFileEdit(actionsRow.row, actionsRow.row.pathname)
" "
@ -433,7 +435,7 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
flat flat
color="negative" color="negative"
dense dense
icon="delete" icon="mdi-trash-can-outline"
@click="() => triggerFileDelete(actionsRow.row.pathname)" @click="() => triggerFileDelete(actionsRow.row.pathname)"
id="listViewFileDelete" id="listViewFileDelete"
/> />