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

feat: dark mode stats card

Browse source
This commit is contained in:
Methapon2001 2024-04-10 20:43:58 +07:00
parent 705a6e9b15
commit e7dc511b03
1 changed files with 2 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/StatCardComponent.vue
View file

@ -17,7 +17,7 @@ const color = ['pink', 'purple'];
style="gap: var(--size-4)" style="gap: var(--size-4)"
:class="{ 'justify-between': $q.screen.lt.md }" :class="{ 'justify-between': $q.screen.lt.md }"
> >
<app-box <AppBox
v-for="(v, i) in props.branch" v-for="(v, i) in props.branch"
:key="v.label" :key="v.label"
class="bordered wave col-12" class="bordered wave col-12"
@ -40,13 +40,12 @@ const color = ['pink', 'purple'];
<div class="col-4 text-h5 text-weight-bold">{{ v.amount }}</div> <div class="col-4 text-h5 text-weight-bold">{{ v.amount }}</div>
<div class="text-weight-bold">{{ $t(v.label) }}</div> <div class="text-weight-bold">{{ $t(v.label) }}</div>
</div> </div>
</app-box> </AppBox>
</div> </div>
</template> </template>
<style scoped> <style scoped>
.wave { .wave {
background: #ffffff;
position: relative; position: relative;
display: flex; display: flex;
} }