test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use class instead of prop color for indicator icon

Browse Source
This commit is contained in:
Shariq Ansari 2023-07-27 10:13:28 +05:30
parent 893e09290e
commit 0fe3bff2fa
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/Icons/IndicatorIcon.vue
View File

@ -6,15 +6,7 @@
viewBox="0 0 16 16" viewBox="0 0 16 16"
fill="none" fill="none"
> >
<rect width="16" height="16" rx="4.5" :class="['fill-current', color]" /> <rect width="16" height="16" rx="4.5" class="fill-current currentColor" />
<circle cx="8" cy="8" r="3" fill="white" /> <circle cx="8" cy="8" r="3" fill="white" />
</svg> </svg>
</template> </template>
<script setup>
const props = defineProps({
color: {
type: String,
default: 'currentColor',
},
})
</script>

2
frontend/src/components/ListView.vue
View File

@ -101,7 +101,7 @@
/> />
</div> </div>
<div v-else-if="column.type === 'indicator'"> <div v-else-if="column.type === 'indicator'">
<IndicatorIcon :color="getValue(row[column.key]).color" /> <IndicatorIcon :class="getValue(row[column.key]).color" />
</div> </div>
<div class="text-base text-gray-900 truncate"> <div class="text-base text-gray-900 truncate">
{{ getValue(row[column.key]).label }} {{ getValue(row[column.key]).label }}