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

Refactor Calendar component styles, bigger columns and container glass stile

Browse Source
This commit is contained in:
IluaAir
2025-10-28 23:29:08 +03:00
parent 0b7a1a72d3
commit bfd8c04a90
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -90,7 +90,8 @@ export default function Calendar() {
return ( return (
<div className={cn( <div className={cn(
"bg-card/30 backdrop-blur-md p-6 rounded-2xl flex-[3]", styles.utility.glass,
"p-6 rounded-2xl flex-3",
styles.utility.transitionSlow styles.utility.transitionSlow
)}> )}>
<div className="flex gap-3 h-full overflow-x-auto px-3"> <div className="flex gap-3 h-full overflow-x-auto px-3">
@@ -101,7 +102,7 @@ export default function Calendar() {
<div <div
key={day.name} key={day.name}
className={cn( className={cn(
"flex-1 min-w-[150px] max-w-[180px] flex flex-col rounded-lg p-4 transition-all duration-300", "flex-1 min-w-[180px] max-w-[200px] flex flex-col rounded-2xl 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"