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"
class="q-pa-sm rounded q-mr-xs"
color="info"
name="mdi-bank"
name="mdi-bank-outline"
style="background-color: var(--surface-3)"
/>
{{ $t(`${title}`) }}

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

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

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

@ -156,7 +156,7 @@ watch(districtId, fetchSubDistrict);
size="xs"
class="q-pa-sm rounded q-mr-xs"
color="info"
name="mdi-map-marker-radius"
name="mdi-map-marker-radius-outline"
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 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') }}
</div>
<div class="col-12 row q-col-gutter-sm">
@ -358,7 +358,7 @@ watch(districtId, fetchSubDistrict);
</div>
<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') }}
</div>
<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 formMenuIcon = ref<{ icon: string; color: string; bgColor: string }[]>([
{
icon: 'mdi-phone',
icon: 'mdi-phone-outline',
color: 'hsl(var(--info-bg))',
bgColor: 'var(--surface-1)',
},
{
icon: 'mdi-map-marker-radius',
icon: 'mdi-map-marker-radius-outline',
color: 'hsl(var(--info-bg))',
bgColor: 'var(--surface-1)',
},