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

fix: แก้สี ของ StatCard

Browse source
This commit is contained in:
Net 2024-06-12 15:34:09 +07:00
parent b5a8b6b2d9
commit 271403ccff
1 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/StatCardComponent.vue
View file

@ -6,7 +6,7 @@ const props = withDefaults(
branch: {
count: number;
label: string;
color: 'pink' | 'purple' | 'green';
color: 'pink' | 'purple' | 'green' | 'orange';
}[];
dark?: boolean;
labelI18n?: boolean;
@ -28,7 +28,13 @@ const props = withDefaults(
:key="v.label"
class="bordered stat-card__wave col-12"
:class="{ [`stat-card__${v.color}`]: true }"
style="width: 200px; min-width: 150px; box-shadow: var(--shadow-2)"
style="
padding: 12px 16px;
height: 75px;
width: 200px;
min-width: 150px;
box-shadow: var(--shadow-2);
"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path
@ -89,6 +95,10 @@ const props = withDefaults(
--_color: var(--teal-10);
}
.stat-card__orange {
--_color: var(--orange-5);
}
.dark .stat-card__purple {
--_color: var(--purple-7);
}
@ -96,4 +106,8 @@ const props = withDefaults(
.dark .stat-card__green {
--_color: var(--teal-7);
}
.dark .stat-card__orange {
--_color: var(--orange-8);
}
</style>