Refactor Calendar component styles, bigger columns and container glass stile
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user