tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-03 06:27:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

style calendar a bit

Browse Source
This commit is contained in:
Thomas Ruoff
2020-09-08 23:55:10 +02:00
committed by Thomas Ruoff
parent 451d0e2d78
commit 8925a9ed7f
2 changed files with 28 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
styles/index.css
View File

@@ -111,61 +111,41 @@
}
.Calendar-grid {
display: flex;
flex-wrap: wrap;
width: 100%;
@apply flex flex-wrap;
}
.Calendar-header {
height: 50px;
background: #333;
color: #fff;
text-align: center;
line-height: 50px;
display: flex;
font-size: 20px;
justify-content: space-between;
@apply flex justify-between bg-gray-700 text-gray-200 text-center;
}
.Calendar-header button {
width: 50px;
font-size: 20px;
border: 0;
background: transparent;
color: #ddd;
cursor: pointer;
@apply w-10 bg-transparent text-gray-200 cursor-pointer;
}
.Calendar-grid-item {
flex: 0 14.28571%;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
@apply text-center p-1 bg-green-200 border-r border-b border-solid border-gray-500;
flex: 0 calc(100% / 7);
}
.Calendar-grid-item--current {
font-weight: 700;
@apply font-bold;
}
.Calendar-grid-item--booked {
@apply bg-red-300;
@apply bg-red-200 cursor-not-allowed;
}
.Calendar-grid-item.nextMonth,
.Calendar-grid-item.prevMonth {
color: #999;
@apply text-gray-500;
}
.Calendar-grid-item:nth-child(7n + 1) {
border-left: 1px solid #ddd;
@apply border-l;
}
.Calendar-grid-item:nth-child(-n + 7) {
border-top: 1px solid #ddd;
@apply border-t;
}
/* Start purging... */