wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests 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 }); const model = defineModel({ type: [String, Number], required: true });
</script> </script>
<template> <template>
<QDate <QDate v-model="model" :today-btn="true" :options="$attrs.options" />
v-model="model"
:landscape="$q.screen.gt.xs"
:today-btn="true"
:options="$attrs.options"
/>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.q-date { .q-date {
width: 240px; width: 245px;
min-width: none; min-width: unset;
:deep(.q-date__calendar) { :deep(.q-date__calendar) {
padding-bottom: 0; padding-bottom: 0;
} }
:deep(.q-date__view) { :deep(.q-date__view) {
min-height: 240px; min-height: 245px;
padding: 8px; padding: 8px;
} }
:deep(.q-date__calendar-days-container) { :deep(.q-date__calendar-days-container) {
min-height: 160px; min-height: 160px;
height: unset; height: unset;
} }
}
.q-date--portrait-standard :deep(.q-date__header) {
padding: 2px 2px 5px 12px;
height: 60px;
}
@media (min-width: $breakpoint-xs-max) { :deep(.q-date__header) {
.q-date--landscape-standard { padding: 2px 2px 5px 12px;
min-width: 280px; height: 60px;
:deep(.q-date__header) {
min-width: 0;
padding: 10px 8px 0 8px;
}
}
.q-date--landscape-standard :deep(.q-date__view) {
width: 220px;
} }
} }
</style> </style>