verdnatura/salix-front
verdnatura
/
salix-front
1
2
Fork 1
Code Issues Pull Requests 60 Releases Wiki Activity

feat: refs #8019 fine-tunning vnDate

This commit is contained in:
Jorge Penadés 2024-10-07 15:55:18 +02:00
parent d1b3e01d87
commit c815066953
1 changed files with 7 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/common/VnDate.vue
View File

@ -2,46 +2,28 @@
const model = defineModel({ type: [String, Number], required: true });
</script>
<template>
<QDate
v-model="model"
:landscape="$q.screen.gt.xs"
:today-btn="true"
:options="$attrs.options"
/>
<QDate v-model="model" :today-btn="true" :options="$attrs.options" />
</template>
<style lang="scss" scoped>
.q-date {
width: 240px;
min-width: none;
width: 245px;
min-width: unset;
:deep(.q-date__calendar) {
padding-bottom: 0;
}
:deep(.q-date__view) {
min-height: 240px;
min-height: 245px;
padding: 8px;
}
:deep(.q-date__calendar-days-container) {
min-height: 160px;
height: unset;
}
}
.q-date--portrait-standard :deep(.q-date__header) {
padding: 2px 2px 5px 12px;
height: 60px;
}
@media (min-width: $breakpoint-xs-max) {
.q-date--landscape-standard {
min-width: 280px;
:deep(.q-date__header) {
min-width: 0;
padding: 10px 8px 0 8px;
}
}
.q-date--landscape-standard :deep(.q-date__view) {
width: 220px;
:deep(.q-date__header) {
padding: 2px 2px 5px 12px;
height: 60px;
}
}
</style>