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

feat: statCard shadow, gap, max-h

Browse source
This commit is contained in:
puriphatt 2024-04-04 15:06:29 +07:00
parent a7ef9384d1
commit 9964927f44
1 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/StatCardComponet.vue
View file

@ -12,18 +12,21 @@ const color = ['purple', 'pink', 'yellow', 'green'];
</script>
<template>
<div class="row" :class="{ 'justify-center': $q.screen.lt.md }">
<div
class="row"
style="gap: var(--size-4)"
:class="{ 'justify-between': $q.screen.lt.md }"
>
<app-box
v-for="(v, i) in props.branch"
:key="v.label"
class="bordered wave col-12 q-ma-sm"
class="bordered wave col-12"
:class="`color-${color[i % 5]}`"
style="
width: 200px;
min-width: 150px;
box-shadow:
0px 5px 5px 0 rgba(0, 0, 0, 0.2),
0px 5px 5px 0 rgba(0, 0, 0, 0.19);
max-height: 95px;
box-shadow: var(--shadow-2);
"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">