From 99be1d46f725f219001e1be5d7c3561bc63fc24e Mon Sep 17 00:00:00 2001 From: "focp212@naver.com" Date: Mon, 3 Nov 2025 14:23:15 +0900 Subject: [PATCH] =?UTF-8?q?=EB=8B=AC=EB=A0=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/shared/ui/assets/css/calendar.css | 42 +++++++++++++++++++++++---- 1 file changed, 36 insertions(+), 6 deletions(-) diff --git a/src/shared/ui/assets/css/calendar.css b/src/shared/ui/assets/css/calendar.css index ee49532..8a0a58c 100644 --- a/src/shared/ui/assets/css/calendar.css +++ b/src/shared/ui/assets/css/calendar.css @@ -55,9 +55,16 @@ } .calendar-style .react-calendar__tile--active { - background-color: #3E6AFC !important; - color: white !important; - border-radius: 100px; + background-color: white !important; +} +.calendar-style .react-calendar__tile--active abbr{ + width: 30px; + height: 30px; + display: inline-block; + line-height: 30px; + border-radius: 30px; + background: #3E6AFC !important; + color: white; } .react-calendar__tile.react-calendar__tile--hasActive.react-calendar__year-view__months__month abbr { @@ -72,12 +79,35 @@ } .react-calendar__tile--hasActive { + background: white !important; +} +.react-calendar__tile--hasActive abbr{ background: #3E6AFC !important; color: white !important; + width: 50px; + height: 50px; + display: inline-block; + line-height: 50px; + border-radius: 50px; } - -.react-calendar__tile { - /* color: #2D3436 !important; */ +.react-calendar__tile--now { + background: white !important; +} +.react-calendar__tile--now abbr { + background: #00B894 !important; + color: white !important; + width: 50px; + height: 50px; + display: inline-block; + line-height: 50px; + border-radius: 50px; +} +.react-calendar__month-view__days__day.react-calendar__tile--now abbr { + width: 30px; + height: 30px; + display: inline-block; + line-height: 30px; + border-radius: 30px; } abbr[title] {