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]",
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) => {
const isToday = day.fullDate.toDateString() === today.toDateString();
@@ -101,7 +101,7 @@ export default function Calendar() {
<div
key={day.name}
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
? "bg-primary/10 border-2 border-primary neon-glow-soft"
: "bg-background border border-border"
@@ -118,6 +118,7 @@ export default function Calendar() {
</h3>
<p className={cn(
styles.text.smallMuted,
isToday && "text-primary font-semibold"
)}>
{day.month} {day.date}
@@ -131,7 +132,6 @@ export default function Calendar() {
key={task.id}
className={cn(
styles.card.task,
"neon-glow-soft",
task.completed && "opacity-60 line-through"
)}
>
@@ -139,7 +139,7 @@ export default function Calendar() {
{/* Priority indicator */}
<span
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 === 'medium' && "bg-yellow-500",
task.priority === 'high' && "bg-orange-500",
@@ -153,15 +153,6 @@ export default function Calendar() {
</div>
))}
{/* Empty state */}
{day.tasks.length === 0 && (
<p className={cn(
styles.text.smallMuted,
"text-center py-8 italic"
)}>
No tasks
</p>
)}
{/* Add button */}
<button
@@ -175,7 +166,7 @@ export default function Calendar() {
}}
>
<Plus className="w-4 h-4" />
<span className="text-sm">Add Task</span>
<span className="text-xs">Add Task</span>
</button>
</div>
</div>