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

Sizes and spacings
gitea/salix-front/pipeline/pr-dev There was a failure building this commit Details

This commit is contained in:
William Buezas 2024-04-09 14:13:40 -03:00
parent 9ea0a62046
commit c573019038
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Worker/Card/WorkerCalendar.vue
View File

@ -220,20 +220,20 @@ watch([year, businessFk], () => refreshData());
.calendar-container { .calendar-container {
display: grid; display: grid;
gap: 32px; gap: 32px;
grid-template-columns: repeat(3, minmax(0, 320px)); grid-template-columns: repeat(3, minmax(0, 334px));
padding: 40px; padding: 40px;
justify-content: center; justify-content: center;
} }
@media (max-width: $breakpoint-md) { @media (max-width: $breakpoint-md) {
.calendar-container { .calendar-container {
grid-template-columns: repeat(2, minmax(0, 320px)); grid-template-columns: repeat(2, minmax(0, 334px));
} }
} }
@media (max-width: $breakpoint-xs) { @media (max-width: $breakpoint-xs) {
.calendar-container { .calendar-container {
grid-template-columns: repeat(1, minmax(0, 320px)); grid-template-columns: repeat(1, minmax(0, 334px));
} }
} }
</style> </style>

22
src/pages/Worker/Card/WorkerCalendarItem.vue
View File

@ -174,7 +174,7 @@ watch(_year, (newValue) => {
<template> <template>
<QCalendarMonthWrapper <QCalendarMonthWrapper
style="height: 200px" style="height: 290px"
class="outline" class="outline"
bordered bordered
transparent-background transparent-background
@ -228,12 +228,26 @@ watch(_year, (newValue) => {
} }
.q-calendar__button { .q-calendar__button {
width: 32px;
height: 32px;
font-size: 13px;
&:hover { &:hover {
background-color: var(--vn-accent-color); background-color: var(--vn-accent-color);
cursor: pointer; cursor: pointer;
} }
} }
.q-calendar-month__week--wrapper {
margin-bottom: 4px;
}
.q-calendar-month__workweek {
height: 32px;
display: flex;
justify-content: center;
}
.q-calendar__button--bordered { .q-calendar__button--bordered {
color: $info !important; color: $info !important;
} }
@ -254,9 +268,9 @@ watch(_year, (newValue) => {
.calendar-event { .calendar-event {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 2em; width: 32px;
height: 2em; height: 32px;
font-size: 0.75em; font-size: 13px;
line-height: 1.715em; line-height: 1.715em;
cursor: pointer; cursor: pointer;
color: white; color: white;