Refactor Calendar component styles, bigger columns and container glass stile

This commit is contained in:
IluaAir
2025-10-28 23:29:08 +03:00
parent 0b7a1a72d3
commit bfd8c04a90

View File

@@ -90,7 +90,8 @@ export default function Calendar() {
return (
<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
)}>
<div className="flex gap-3 h-full overflow-x-auto px-3">
@@ -101,7 +102,7 @@ export default function Calendar() {
<div
key={day.name}
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
? "bg-primary/10 border-2 border-primary neon-glow-soft"
: "bg-background border border-border"