1
0

fix(reminders): flatpickr styling improvements

This commit is contained in:
kolaente
2023-06-10 18:46:15 +02:00
parent 9a736cf65f
commit 8930f61548
2 changed files with 17 additions and 13 deletions

View File

@ -61,11 +61,12 @@
</span>
</BaseButton>
<flat-pickr
:config="flatPickerConfig"
class="input"
v-model="flatPickrDate"
/>
<div class="flatpickr-container">
<flat-pickr
:config="flatPickerConfig"
v-model="flatPickrDate"
/>
</div>
</template>
<script lang="ts" setup>
@ -214,8 +215,14 @@ function getWeekdayFromStringInterval(dateString: string) {
}
}
:deep(.flatpickr-calendar) {
margin: 0 auto 8px;
box-shadow: none;
.flatpickr-container {
:deep(.flatpickr-calendar) {
margin: 0 auto 8px;
box-shadow: none;
}
:deep(.input) {
border: none;
}
}
</style>