kamilniemczycki/toby
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Activity

- modified calendar

Browse Source
This commit is contained in:
Kamil Niemczycki 2022-07-08 14:08:28 +02:00
parent d863422103
commit 5db97ebd0c
Signed by: kamilniemczycki
GPG Key ID: 04D4E2012F969213
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/Shared/Widgets/Calendar/DayComponent.vue
View File

@ -13,8 +13,8 @@
} }
], ],
day.isHoliday && 'font-bold cursor-default', day.isHoliday && 'font-bold cursor-default',
(day.isPendingVacation) && `border-b-4 border-dashed ${day.getVacationType.border}`, (day.isPendingVacation) && `pb-0 border-b-[3px] border-dashed ${day.getVacationType.border}`,
(day.isVacation) && `border-b-4 ${day.getVacationType.border}` (day.isVacation) && `pb-0 border-b-[3px] ${day.getVacationType.border}`
]" ]"
> >
<Popper <Popper

18
resources/js/Shared/Widgets/VacationCalendar.vue
View File

@ -97,7 +97,7 @@
class="grid grid-cols-7 gap-px border-b border-gray-300 bg-gray-300 text-center text-xs font-semibold leading-6 text-gray-700 lg:flex-none" class="grid grid-cols-7 gap-px border-b border-gray-300 bg-gray-300 text-center text-xs font-semibold leading-6 text-gray-700 lg:flex-none"
> >
<div class="py-2 bg-white"> <div class="py-2 bg-white">
Pn Pon
</div> </div>
<div class="py-2 bg-white"> <div class="py-2 bg-white">
Wt Wt
@ -106,16 +106,16 @@
Śr Śr
</div> </div>
<div class="py-2 bg-white"> <div class="py-2 bg-white">
Cz Czw
</div> </div>
<div class="py-2 bg-white"> <div class="py-2 bg-white">
Pt Pt
</div> </div>
<div class="py-2 bg-red-100 text-red-800"> <div class="py-2 bg-red-100 text-red-800">
Sb Sob
</div> </div>
<div class="py-2 bg-red-100 text-red-800"> <div class="py-2 bg-red-100 text-red-800">
Nd Ndz
</div> </div>
</div> </div>
<div class="flex bg-gray-300 text-xs leading-6 text-gray-700 lg:flex-auto"> <div class="flex bg-gray-300 text-xs leading-6 text-gray-700 lg:flex-auto">
@ -127,7 +127,7 @@
v-for="(day, index) in days" v-for="(day, index) in days"
:key="index" :key="index"
:day="day" :day="day"
class="flex flex-col relative py-2 px-3" class="flex flex-col relative py-3 px-3"
:class="{ 'day': calendarState.viewMode.isWeek }" :class="{ 'day': calendarState.viewMode.isWeek }"
/> />
</div> </div>
@ -378,7 +378,7 @@ function getVacationInfo(day) {
<style lang="css"> <style lang="css">
.day:nth-of-type(7n - 6):before { .day:nth-of-type(7n - 6):before {
content: "Pn"; content: "Pon";
} }
.day:nth-of-type(7n - 5):before { .day:nth-of-type(7n - 5):before {
@ -390,7 +390,7 @@ function getVacationInfo(day) {
} }
.day:nth-of-type(7n - 3):before { .day:nth-of-type(7n - 3):before {
content: "Cz"; content: "Czw";
} }
.day:nth-of-type(7n - 2):before { .day:nth-of-type(7n - 2):before {
@ -398,10 +398,10 @@ function getVacationInfo(day) {
} }
.day:nth-of-type(7n - 1):before { .day:nth-of-type(7n - 1):before {
content: "Sb"; content: "Sob";
} }
.day:nth-of-type(7n):before { .day:nth-of-type(7n):before {
content: "Nd"; content: "Ndz";
} }
</style> </style>