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 {
display: grid;
gap: 32px;
grid-template-columns: repeat(3, minmax(0, 320px));
grid-template-columns: repeat(3, minmax(0, 334px));
padding: 40px;
justify-content: center;
}
@media (max-width: $breakpoint-md) {
.calendar-container {
grid-template-columns: repeat(2, minmax(0, 320px));
grid-template-columns: repeat(2, minmax(0, 334px));
}
}
@media (max-width: $breakpoint-xs) {
.calendar-container {
grid-template-columns: repeat(1, minmax(0, 320px));
grid-template-columns: repeat(1, minmax(0, 334px));
}
}
</style>

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

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