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

feat: fixed color on stat card

Browse source
This commit is contained in:
Methapon2001 2024-04-22 14:55:21 +07:00
parent f08f4f327f
commit f49dec676a
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/StatCardComponent.vue
View file

@ -8,6 +8,7 @@ const props = withDefaults(
label: string;
}[];
dark?: boolean;
color?: 'pink' | 'purple';
isBranch?: boolean;
}>(),
{
@ -15,7 +16,7 @@ const props = withDefaults(
},
);
const color = ['pink', 'purple'];
const colorRotate = ['pink', 'purple'];
</script>
<template>
@ -28,7 +29,7 @@ const color = ['pink', 'purple'];
v-for="(v, i) in props.branch"
:key="v.label"
class="bordered wave col-12"
:class="{ [`stat__${color[i % 2]}`]: true }"
:class="{ [`stat__${color || colorRotate[i % 2]}`]: true }"
style="width: 200px; min-width: 150px; box-shadow: var(--shadow-2)"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">