This commit is contained in:
Enzo Nova 2024-06-05 20:47:53 +05:00
parent 4b2e2acd19
commit ba9f6ed571
2 changed files with 39 additions and 26 deletions

View File

@ -15,7 +15,7 @@ import { useStore } from 'vuex'
const store = useStore() const store = useStore()
const cardStatisticsWithImages = [ const cardStatisticsWithImages = [
{ {
title: 'Meetings', title: 'Total Meetings',
subtitle: 'Year of 2021', subtitle: 'Year of 2021',
stats: '13k', stats: '13k',
change: 15.6, change: 15.6,
@ -31,7 +31,7 @@ const cardStatisticsWithImages = [
color: 'primary', color: 'primary',
}, },
{ {
title: 'Patients', title: 'New Patients',
subtitle: 'Year of 2021', subtitle: 'Year of 2021',
stats: '13k', stats: '13k',
change: 15.6, change: 15.6,
@ -39,7 +39,7 @@ const cardStatisticsWithImages = [
color: 'primary', color: 'primary',
}, },
{ {
title: 'Providers', title: 'New Providers',
subtitle: 'Last Week', subtitle: 'Last Week',
stats: '24.5k', stats: '24.5k',
change: -20, change: -20,

View File

@ -184,15 +184,7 @@ const close = () => {
<!-- Actions --> <!-- Actions -->
<template #item.id="{ item }"> <template #item.id="{ item }">
<div class="d-flex gap-1"> <div class="d-flex gap-1 details">+
<VCheckbox :value="item == selectedItem" @click="showDetail(item)">
</VCheckbox>
<!-- <IconBtn
size="small"
@click="showDetail(item)"
>
<VIcon icon="ri-time-line" />
</IconBtn> -->
</div> </div>
</template> </template>
@ -343,11 +335,32 @@ span.v-expansion-panel-title__icon {
// } // }
.v-expansion-panel { .v-expansion-panel {
background-color: #fff;
border-radius: 16px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
overflow: hidden; overflow: hidden;
border-radius: 16px;
background-color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 10%);
margin-block-end: 10px;
transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;
} }
.details {
position: relative;
box-sizing: content-box;
border: 2px solid #fff;
border-radius: 1em;
background-color: #696cff;
block-size: 0.85em;
box-shadow: 0 0 3px rgba(67, 89, 113, 80%);
color: #fff;
content: "+";
font-family: "Courier New", Courier, monospace;
font-weight: 500;
inline-size: 0.85em;
inset-block-start: 50%;
inset-block-start: 0.7em;
inset-inline-start: 50%;
line-height: 0.9em;
text-align: center;
transform: translate(-50%, -50%);
}
</style> </style>