fixing style edit icon probation

This commit is contained in:
Warunee Tamkoo 2024-08-20 17:34:22 +07:00
parent ea088108f6
commit 36b5c71f28
5 changed files with 26 additions and 18 deletions

View file

@ -1128,9 +1128,9 @@ onMounted(async () => {
dense dense
flat flat
round round
color="primary" color="edit"
@click="edit()" @click="edit()"
icon="mdi-pencil-outline" icon="edit"
> >
<q-tooltip>แกไขขอม</q-tooltip> <q-tooltip>แกไขขอม</q-tooltip>
</q-btn> </q-btn>

View file

@ -300,9 +300,9 @@ onMounted(async () => {
dense dense
flat flat
round round
color="primary" color="edit"
@click="edit()" @click="edit()"
icon="mdi-pencil-outline" icon="edit"
> >
<q-tooltip>แกไขขอม</q-tooltip> <q-tooltip>แกไขขอม</q-tooltip>
</q-btn> </q-btn>

View file

@ -422,9 +422,9 @@ onMounted(async () => {
dense dense
flat flat
round round
color="primary" color="edit"
@click="edit()" @click="edit()"
icon="mdi-pencil-outline" icon="edit"
> >
<q-tooltip>แกไขขอม</q-tooltip> <q-tooltip>แกไขขอม</q-tooltip>
</q-btn> </q-btn>

View file

@ -363,19 +363,27 @@ onMounted(async () => {
<div>แบบบนทกผล (เเล)</div> <div>แบบบนทกผล (เเล)</div>
<div v-if="status == false"> <div v-if="status == false">
<q-btn <q-btn
v-if="!checkRoutePermisson" v-if="!checkRoutePermisson"
dense dense
flat flat
round round
color="primary" color="edit"
@click="edit()" @click="edit()"
icon="mdi-pencil-outline" icon="edit"
> >
<q-tooltip>แกไขขอม</q-tooltip> <q-tooltip>แกไขขอม</q-tooltip>
</q-btn> </q-btn>
</div> </div>
<div v-else> <div v-else>
<q-btn dense flat round color="red" @click="cancel()" icon="mdi-undo" v-if="!checkRoutePermisson"> <q-btn
dense
flat
round
color="red"
@click="cancel()"
icon="mdi-undo"
v-if="!checkRoutePermisson"
>
<q-tooltip>ยกเล</q-tooltip> <q-tooltip>ยกเล</q-tooltip>
</q-btn> </q-btn>
<q-btn <q-btn
@ -530,7 +538,7 @@ onMounted(async () => {
<q-item-section side> <q-item-section side>
<q-btn-group outline> <q-btn-group outline>
<q-btn <q-btn
:disable="!status" :disable="!status"
v-for="(item, index) in 5" v-for="(item, index) in 5"
:class=" :class="
evaluate_ouptut[i]?.level == item.toString() && 'active' evaluate_ouptut[i]?.level == item.toString() && 'active'
@ -566,7 +574,7 @@ onMounted(async () => {
<q-item-section side> <q-item-section side>
<q-btn-group outline> <q-btn-group outline>
<q-btn <q-btn
:disable="!status" :disable="!status"
v-for="(item, index) in 5" v-for="(item, index) in 5"
:class="knowledge_level == item && 'active'" :class="knowledge_level == item && 'active'"
outline outline
@ -598,7 +606,7 @@ onMounted(async () => {
<q-item-section side> <q-item-section side>
<q-btn-group outline> <q-btn-group outline>
<q-btn <q-btn
:disable="!status" :disable="!status"
v-for="(item, index) in 5" v-for="(item, index) in 5"
:class="skill_level == item && 'active'" :class="skill_level == item && 'active'"
outline outline
@ -630,7 +638,7 @@ onMounted(async () => {
<q-item-section side> <q-item-section side>
<q-btn-group outline> <q-btn-group outline>
<q-btn <q-btn
:disable="!status" :disable="!status"
v-for="(item, index) in 5" v-for="(item, index) in 5"
:class="competency_level == item && 'active'" :class="competency_level == item && 'active'"
outline outline
@ -662,7 +670,7 @@ onMounted(async () => {
<q-item-section side> <q-item-section side>
<q-btn-group outline> <q-btn-group outline>
<q-btn <q-btn
:disable="!status" :disable="!status"
v-for="(item, index) in 5" v-for="(item, index) in 5"
:class="learn_level == item && 'active'" :class="learn_level == item && 'active'"
outline outline
@ -695,7 +703,7 @@ onMounted(async () => {
<q-item-section side> <q-item-section side>
<q-btn-group outline> <q-btn-group outline>
<q-btn <q-btn
:disable="!status" :disable="!status"
v-for="(item, index) in 5" v-for="(item, index) in 5"
:class="apply_level == item && 'active'" :class="apply_level == item && 'active'"
outline outline

View file

@ -378,9 +378,9 @@ onMounted(async () => {
dense dense
flat flat
round round
color="primary" color="edit"
@click="edit()" @click="edit()"
icon="mdi-pencil-outline" icon="edit"
> >
<q-tooltip>แกไขขอม</q-tooltip> <q-tooltip>แกไขขอม</q-tooltip>
</q-btn> </q-btn>