f81c7ca8fa
* change layout * change layout * #22 - wip * wip * wip * #22 - wip * #22 - wip * #22 - wip * #22 - wip * #22 - fix * #22 - wip * #22 - added some tests * #22 - wip * #22 - wip * #22 - fix * #42 - wip * #42 - wip * #42 - fix * #42 - wip Co-authored-by: Adrian Hopek <adrian.hopek@blumilk.pl>
72 lines
1.7 KiB
CSS
72 lines
1.7 KiB
CSS
@import 'flatpickr/dist/themes/light.css';
|
|
@import 'vue-toastification/dist/index.css';
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
|
|
.flatpickr-months .flatpickr-prev-month:hover svg,
|
|
.flatpickr-months .flatpickr-next-month:hover svg {
|
|
fill: #4F46E5;
|
|
}
|
|
|
|
.flatpickr-day.selected,
|
|
.flatpickr-day.startRange,
|
|
.flatpickr-day.endRange,
|
|
.flatpickr-day.selected.inRange,
|
|
.flatpickr-day.startRange.inRange,
|
|
.flatpickr-day.endRange.inRange,
|
|
.flatpickr-day.selected:focus,
|
|
.flatpickr-day.startRange:focus,
|
|
.flatpickr-day.endRange:focus,
|
|
.flatpickr-day.selected:hover,
|
|
.flatpickr-day.startRange:hover,
|
|
.flatpickr-day.endRange:hover,
|
|
.flatpickr-day.selected.prevMonthDay,
|
|
.flatpickr-day.startRange.prevMonthDay,
|
|
.flatpickr-day.endRange.prevMonthDay,
|
|
.flatpickr-day.selected.nextMonthDay,
|
|
.flatpickr-day.startRange.nextMonthDay,
|
|
.flatpickr-day.endRange.nextMonthDay {
|
|
background: #527ABA;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
border-color: #527ABA;
|
|
}
|
|
|
|
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
|
|
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
|
|
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
|
|
-webkit-box-shadow: -10px 0 0 #527ABA;
|
|
box-shadow: -10px 0 0 #527ABA;
|
|
}
|
|
|
|
.flatpickr-day.week.selected {
|
|
border-radius: 0;
|
|
-webkit-box-shadow: -5px 0 0 #527ABA, 5px 0 0 #527ABA;
|
|
box-shadow: -5px 0 0 #527ABA, 5px 0 0 #527ABA;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
border-radius: 100vh;
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 8px;
|
|
background: #dadce0;
|
|
border: 4px solid transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #dadce0;
|
|
}
|
|
|