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> </script>
<template> <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 <app-box
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 q-ma-sm" class="bordered wave col-12"
:class="`color-${color[i % 5]}`" :class="`color-${color[i % 5]}`"
style=" style="
width: 200px; width: 200px;
min-width: 150px; min-width: 150px;
box-shadow: max-height: 95px;
0px 5px 5px 0 rgba(0, 0, 0, 0.2), box-shadow: var(--shadow-2);
0px 5px 5px 0 rgba(0, 0, 0, 0.19);
" "
> >
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">