chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix(01): form icon outline

Browse source
This commit is contained in:
puriphatt 2024-08-08 06:10:54 +00:00
parent 64f9c80a88
commit f7d55734aa
4 changed files with 20 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/01_branch-management/FormBank.vue
View file

@ -82,7 +82,7 @@ watch(
size="xs" size="xs"
class="q-pa-sm rounded q-mr-xs" class="q-pa-sm rounded q-mr-xs"
color="info" color="info"
name="mdi-bank" name="mdi-bank-outline"
style="background-color: var(--surface-3)" style="background-color: var(--surface-3)"
/> />
{{ $t(`${title}`) }} {{ $t(`${title}`) }}

18
src/components/01_branch-management/FormBranchContact.vue
View file

@ -23,7 +23,7 @@ defineProps<{
size="xs" size="xs"
class="q-pa-sm rounded q-mr-xs" class="q-pa-sm rounded q-mr-xs"
color="info" color="info"
name="mdi-phone" name="mdi-phone-outline"
style="background-color: var(--surface-3)" style="background-color: var(--surface-3)"
/> />
{{ $t(`${title}`) }} {{ $t(`${title}`) }}
@ -46,7 +46,12 @@ defineProps<{
for="input-email" for="input-email"
> >
<template #prepend> <template #prepend>
<q-icon color="primary" name="mdi-email" size="xs" class="q-mr-xs" /> <q-icon
color="primary"
name="mdi-email-outline"
size="xs"
class="q-mr-xs"
/>
</template> </template>
</q-input> </q-input>
@ -66,7 +71,12 @@ defineProps<{
for="input-telephone-no" for="input-telephone-no"
> >
<template #prepend> <template #prepend>
<q-icon color="primary" name="mdi-phone" size="xs" class="q-mr-xs" /> <q-icon
color="primary"
name="mdi-phone-outline"
size="xs"
class="q-mr-xs"
/>
</template> </template>
</q-input> </q-input>
@ -109,7 +119,7 @@ defineProps<{
<template #prepend> <template #prepend>
<q-icon <q-icon
color="primary" color="primary"
name="mdi-phone" name="mdi-phone-outline"
size="xs" size="xs"
class="q-mr-xs" class="q-mr-xs"
/> />

6
src/components/02_personnel-management/FormAddress.vue
View file

@ -156,7 +156,7 @@ watch(districtId, fetchSubDistrict);
size="xs" size="xs"
class="q-pa-sm rounded q-mr-xs" class="q-pa-sm rounded q-mr-xs"
color="info" color="info"
name="mdi-map-marker-radius" name="mdi-map-marker-radius-outline"
style="background-color: var(--surface-3)" style="background-color: var(--surface-3)"
/> />
@ -196,7 +196,7 @@ watch(districtId, fetchSubDistrict);
<div class="col-12 row q-col-gutter-y-md"> <div class="col-12 row q-col-gutter-y-md">
<div class="col-12 app-text-muted-2"> <div class="col-12 app-text-muted-2">
<q-icon size="xs" class="q-mr-xs" name="mdi-map-marker" /> <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
{{ addressTitle || $t('formDialogTitleAddressPure') }} {{ addressTitle || $t('formDialogTitleAddressPure') }}
</div> </div>
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">
@ -358,7 +358,7 @@ watch(districtId, fetchSubDistrict);
</div> </div>
<div class="col-12 app-text-muted-2"> <div class="col-12 app-text-muted-2">
<q-icon size="xs" class="q-mr-xs" name="mdi-map-marker" /> <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
{{ addressTitleEN || $t('formDialogTitleAddressPureEN') }} {{ addressTitleEN || $t('formDialogTitleAddressPureEN') }}
</div> </div>
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">

4
src/pages/01_branch-management/MainPage.vue
View file

@ -85,12 +85,12 @@ const currentStatus = ref<Status | 'All'>('All');
const expandedTree = ref<string[]>([]); const expandedTree = ref<string[]>([]);
const formMenuIcon = ref<{ icon: string; color: string; bgColor: string }[]>([ const formMenuIcon = ref<{ icon: string; color: string; bgColor: string }[]>([
{ {
icon: 'mdi-phone', icon: 'mdi-phone-outline',
color: 'hsl(var(--info-bg))', color: 'hsl(var(--info-bg))',
bgColor: 'var(--surface-1)', bgColor: 'var(--surface-1)',
}, },
{ {
icon: 'mdi-map-marker-radius', icon: 'mdi-map-marker-radius-outline',
color: 'hsl(var(--info-bg))', color: 'hsl(var(--info-bg))',
bgColor: 'var(--surface-1)', bgColor: 'var(--surface-1)',
}, },