change: calendar responsive vies

This commit is contained in:
Julian Krauser 2025-02-12 18:01:51 +01:00
parent a7b8d95fa1
commit c774c62b40
5 changed files with 31 additions and 9 deletions

View file

@ -87,7 +87,8 @@ select {
input[readonly],
textarea[readonly],
select[readonly] {
@apply pointer-events-none;
@apply select-none;
/* pointer-events-none; */
}
input[disabled],
@ -124,7 +125,7 @@ summary::-webkit-details-marker {
}
.fc-button-primary {
@apply !bg-primary !border-primary !outline-none !ring-0 hover:!bg-red-700 hover:!border-red-700;
@apply !bg-primary !border-primary !outline-none !ring-0 hover:!bg-red-700 hover:!border-red-700 h-10 text-center;
}
.fc-button-active {
@apply !bg-red-500 !border-red-500;
@ -132,3 +133,19 @@ summary::-webkit-details-marker {
.fc-toolbar {
@apply flex-wrap;
}
/* For screens between 850px and 768px */
@media (max-width: 850px) and (min-width: 768px) {
.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr > .fc-toolbar-chunk:nth-child(2) {
@apply !order-1;
}
/* Your styles for this range */
}
/* For screens between 525px and 0px */
@media (max-width: 525px) and (min-width: 0px) {
/* Your styles for this range */
.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr > .fc-toolbar-chunk:nth-child(2) {
@apply !order-1;
}
}