Datum neben dem Wochentg

This commit is contained in:
brausjonas
2023-05-26 15:30:43 +02:00
parent 594c82ce23
commit aada7872da
5 changed files with 150368 additions and 12 deletions
+7 -7
View File
@@ -123,7 +123,7 @@ export default function CalenderView(p) {
selectedElement.timeend = row + 1; selectedElement.timeend = row + 1;
}else }else
{ {
selectedElement.timestart = row + 1; selectedElement.timestart = row;
} }
setUpdate(!update); setUpdate(!update);
} }
@@ -238,12 +238,12 @@ export default function CalenderView(p) {
<div style={{ borderRadius: 10, padding: 10, backgroundColor: "#f1f1f1"}} className={"box-shadow"}> <div style={{ borderRadius: 10, padding: 10, backgroundColor: "#f1f1f1"}} className={"box-shadow"}>
<div> <div>
<div className={"wochen-tag-container"}> <div className={"wochen-tag-container"}>
<div className={"wochen-tag font-big"}>Montag</div> <div className={"wochen-tag font-big"}>Montag {new Date(currentYear, 0, currentWeekStartDay).getDate()}.</div>
<div className={"wochen-tag font-big"}>Dienstag</div> <div className={"wochen-tag font-big"}>Dienstag {new Date(currentYear, 0, currentWeekStartDay + 1).getDate()}.</div>
<div className={"wochen-tag font-big"}>Mittwoch</div> <div className={"wochen-tag font-big"}>Mittwoch {new Date(currentYear, 0, currentWeekStartDay + 2).getDate()}.</div>
<div className={"wochen-tag font-big"}>Donnerstag</div> <div className={"wochen-tag font-big"}>Donnerstag {new Date(currentYear, 0, currentWeekStartDay + 3).getDate()}.</div>
<div className={"wochen-tag font-big"}>Freitag</div> <div className={"wochen-tag font-big"}>Freitag {new Date(currentYear, 0, currentWeekStartDay + 4).getDate()}.</div>
<div className={"wochen-tag font-big"}>Samstag</div> <div className={"wochen-tag font-big"}>Samstag {new Date(currentYear, 0, currentWeekStartDay + 5).getDate()}.</div>
</div> </div>
</div> </div>
<div className={"calender-container"}> <div className={"calender-container"}>
+2 -2
View File
@@ -6,10 +6,10 @@ export default function planning(p)
{ {
return ( return (
<> <div className={"normal-centered"}>
<Logout/> <Logout/>
<Background/> <Background/>
<CalenderView/> <CalenderView/>
</> </div>
) )
} }
+4 -3
View File
@@ -169,11 +169,12 @@ weekSelector
width: 250px; width: 250px;
margin-left: 20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
padding: 20px 20px; padding: 0px 20px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-weight: bold; font-weight: bold;
color: black; color: black;
font-size: 20px;
} }
.weekSelector { .weekSelector {
@@ -250,12 +251,12 @@ Calender View
.calender-container { .calender-container {
max-height: 600px; max-height: 60vh;
overflow-y: scroll; overflow-y: scroll;
display: grid; display: grid;
} }
.calender-container::-webkit-scrollbar { .calender-container::-webkit-scrollbar-button {
display: none; display: none;
} }
Binary file not shown.
File diff suppressed because it is too large Load Diff