gitark/taskncoffee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fiont style

Browse Source
This commit is contained in:
IluaAir
2025-10-27 23:40:58 +03:00
parent 9820437556
commit 0b7a1a72d3
1 changed files with 5 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
taskncoffee-app/src/components/Calendar.jsx
View File

@@ -93,7 +93,7 @@ export default function Calendar() {
"bg-card/30 backdrop-blur-md p-6 rounded-2xl flex-[3]", "bg-card/30 backdrop-blur-md p-6 rounded-2xl flex-[3]",
styles.utility.transitionSlow styles.utility.transitionSlow
)}> )}>
<div className="flex gap-4 h-full overflow-x-auto px-2"> <div className="flex gap-3 h-full overflow-x-auto px-3">
{daysOfWeek.map((day) => { {daysOfWeek.map((day) => {
const isToday = day.fullDate.toDateString() === today.toDateString(); const isToday = day.fullDate.toDateString() === today.toDateString();
@@ -101,7 +101,7 @@ export default function Calendar() {
<div <div
key={day.name} key={day.name}
className={cn( className={cn(
"flex-1 min-w-[180px] flex flex-col rounded-lg p-4 transition-all duration-300", "flex-1 min-w-[150px] max-w-[180px] flex flex-col rounded-lg p-4 transition-all duration-300",
isToday isToday
? "bg-primary/10 border-2 border-primary neon-glow-soft" ? "bg-primary/10 border-2 border-primary neon-glow-soft"
: "bg-background border border-border" : "bg-background border border-border"
@@ -118,6 +118,7 @@ export default function Calendar() {
</h3> </h3>
<p className={cn( <p className={cn(
styles.text.smallMuted, styles.text.smallMuted,
isToday && "text-primary font-semibold" isToday && "text-primary font-semibold"
)}> )}>
{day.month} {day.date} {day.month} {day.date}
@@ -131,7 +132,6 @@ export default function Calendar() {
key={task.id} key={task.id}
className={cn( className={cn(
styles.card.task, styles.card.task,
"neon-glow-soft",
task.completed && "opacity-60 line-through" task.completed && "opacity-60 line-through"
)} )}
> >
@@ -139,7 +139,7 @@ export default function Calendar() {
{/* Priority indicator */} {/* Priority indicator */}
<span <span
className={cn( className={cn(
"w-1 h-1 rounded-full flex-shrink-0", "w-1.5 h-1.5 rounded-full flex-shrink-0",
task.priority === 'low' && "bg-green-500", task.priority === 'low' && "bg-green-500",
task.priority === 'medium' && "bg-yellow-500", task.priority === 'medium' && "bg-yellow-500",
task.priority === 'high' && "bg-orange-500", task.priority === 'high' && "bg-orange-500",
@@ -153,15 +153,6 @@ export default function Calendar() {
</div> </div>
))} ))}
{/* Empty state */}
{day.tasks.length === 0 && (
<p className={cn(
styles.text.smallMuted,
"text-center py-8 italic"
)}>
No tasks
</p>
)}
{/* Add button */} {/* Add button */}
<button <button
@@ -175,7 +166,7 @@ export default function Calendar() {
}} }}
> >
<Plus className="w-4 h-4" /> <Plus className="w-4 h-4" />
<span className="text-sm">Add Task</span> <span className="text-xs">Add Task</span>
</button> </button>
</div> </div>
</div> </div>