TurTaskProject/TurTaskWeb
1
0
Fork 0
mirror of https://github.com/TurTaskProject/TurTaskWeb.git synced 2025-12-19 22:14:07 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make task list in calendar overflow

Browse Source
This commit is contained in:
sosokker 2023-11-20 17:45:28 +07:00
parent 9ab2bbab01
commit 42acf6542e
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/calendar/calendar.jsx
View File

@ -43,7 +43,8 @@ export default class Calendar extends React.Component {
renderSidebar() {
return (
<div className="w-72 bg-blue-100 border-r border-blue-200 p-8 flex-shrink-0">
<div className="w-72 bg-blue-100 border-r border-blue-200 p-8 flex flex-col">
{/* Description Zone */}
<div className="mb-8">
<h2 className="text-xl font-bold">Instructions</h2>
<ul className="list-disc pl-4">
@ -53,6 +54,7 @@ export default class Calendar extends React.Component {
</ul>
</div>
{/* Toggle */}
<div className="mb-8">
<label className="flex items-center">
<input
@ -65,7 +67,8 @@ export default class Calendar extends React.Component {
</label>
</div>
<div>
{/* Show all task */}
<div className="overflow-y-auto">
<h2 className="text-xl font-bold">All Events ({this.state.currentEvents.length})</h2>
<ul>{this.state.currentEvents.map(renderSidebarEvent)}</ul>
</div>