fixes
This commit is contained in:
parent
4b2e2acd19
commit
ba9f6ed571
@ -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,
|
||||||
|
@ -184,16 +184,8 @@ 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>
|
||||||
</VDataTable>
|
</VDataTable>
|
||||||
@ -312,22 +304,22 @@ const close = () => {
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
button.v-expansion-panel-title {
|
button.v-expansion-panel-title {
|
||||||
background-color: #003152 !important;
|
background-color: #003152 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.v-expansion-panel-title.bg-secondary {
|
button.v-expansion-panel-title.bg-secondary {
|
||||||
background-color: #003152 !important;
|
background-color: #003152 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.v-expansion-panel-title {
|
button.v-expansion-panel-title {
|
||||||
background-color: #003152 !important;
|
background-color: #003152 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.v-expansion-panel-title__icon {
|
span.v-expansion-panel-title__icon {
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
// button.v-expansion-panel-title.bg-secondary {
|
// button.v-expansion-panel-title.bg-secondary {
|
||||||
@ -343,11 +335,32 @@ span.v-expansion-panel-title__icon {
|
|||||||
// }
|
// }
|
||||||
|
|
||||||
.v-expansion-panel {
|
.v-expansion-panel {
|
||||||
background-color: #fff;
|
overflow: hidden;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
background-color: #fff;
|
||||||
margin-bottom: 10px;
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 10%);
|
||||||
overflow: hidden;
|
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>
|
||||||
|
Loading…
Reference in New Issue
Block a user