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

refactor: color, data structure

Browse source
This commit is contained in:
Methapon2001 2024-04-10 17:22:33 +07:00
parent 4ef5499242
commit 2fb2c3bc3d
4 changed files with 15 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/StatCardComponent.vue
View file

@ -8,7 +8,7 @@ const props = defineProps<{
}[];
}>();
const color = ['purple', 'pink', 'yellow', 'green', 'blue'];
const color = ['pink', 'purple'];
</script>
<template>
@ -21,7 +21,7 @@ const color = ['purple', 'pink', 'yellow', 'green', 'blue'];
v-for="(v, i) in props.branch"
:key="v.label"
class="bordered wave col-12"
:class="`color-${color[i % 5]}`"
:class="`color-${color[i % 2]}`"
style="
width: 200px;
min-width: 150px;
@ -71,23 +71,11 @@ svg {
width: 200px;
}
.color-blue {
--_color-stat-card: var(--blue-5);
}
.color-purple {
--_color-stat-card: var(--purple-8);
--_color-stat-card: var(--violet-11);
}
.color-pink {
--_color-stat-card: var(--pink-8);
}
.color-yellow {
--_color-stat-card: var(--yellow-8);
}
.color-green {
--_color-stat-card: var(--green-8);
--_color-stat-card: var(--pink-6);
}
</style>