Skip to content

Commit ab17709

Browse files
committed
[Fix] Update width of days buttons
1 parent 3cbca7a commit ab17709

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/components/Calendar/Days.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,7 @@ const Days: React.FC<Props> = ({
141141

142142
const buttonCass = useCallback(
143143
(day: number) => {
144-
const baseClass = "flex items-center justify-center w-full h-12 lg:w-10 lg:h-10";
144+
const baseClass = "flex items-center justify-center w-12 h-12 lg:w-10 lg:h-10";
145145
return `${baseClass}${
146146
!activeDateData(day).active
147147
? ` ${hoverClassByDay(day)}`
@@ -192,7 +192,7 @@ const Days: React.FC<Props> = ({
192192
<button
193193
type="button"
194194
key={index}
195-
className="flex items-center justify-center text-gray-400 w-full h-12 lg:w-10 lg:h-10"
195+
className="flex items-center justify-center text-gray-400 h-12 w-12 lg:w-10 lg:h-10"
196196
onClick={() => onClickPreviousDays(item)}
197197
onMouseOver={() => {
198198
hoverDay(item, "previous");
@@ -222,7 +222,7 @@ const Days: React.FC<Props> = ({
222222
<button
223223
type="button"
224224
key={index}
225-
className="flex items-center justify-center text-gray-400 w-full h-12 lg:w-10 lg:h-10"
225+
className="flex items-center justify-center text-gray-400 h-12 w-12 lg:w-10 lg:h-10"
226226
onClick={() => {
227227
onClickNextDays(item);
228228
}}

0 commit comments

Comments
 (0)