fix: fixed datepicker style in responsive

dousdogukan · dousdogukan · commit 995c6589afaa · 2024-04-04T18:23:05.000+03:30
diff --git a/src/components/CDatePicker/datePickerStyles.ts b/src/components/CDatePicker/datePickerStyles.ts
@@ -149,12 +149,13 @@ export const Wrapper = styled.div`
     .react-datepicker {
       box-shadow: none !important;
       width: 100%;
+      padding: 0 0;
     }
 
     .react-datepicker__day.react-datepicker__day {
       line-height: 2.1rem;
       font-size: 0.875rem;
-      padding: 0 14px !important;
+      padding: 0 13px !important;
     }
   }
 `;
diff --git a/src/components/CDatePicker/index.tsx b/src/components/CDatePicker/index.tsx
@@ -178,7 +178,7 @@ const CDatePicker = ({
         </Wrapper>
 
         <CBottomSheet
-          contentClass="justify-center items-center"
+          contentClass="justify-center items-center w-full"
           isSticky={isSticky}
           isModalOpen={isOpenSheet}
           setIsModalOpen={setIsOpenSheet}

Original file line number	Diff line number	Diff line change
@@ -149,12 +149,13 @@ export const Wrapper = styled.div`
`149`	`149`	`.react-datepicker {`
`150`	`150`	`box-shadow: none !important;`
`151`	`151`	`width: 100%;`
	`152`	`+ padding: 0 0;`
`152`	`153`	`}`
`153`	`154`
`154`	`155`	`.react-datepicker__day.react-datepicker__day {`
`155`	`156`	`line-height: 2.1rem;`
`156`	`157`	`font-size: 0.875rem;`
`157`		`- padding: 0 14px !important;`
	`158`	`+ padding: 0 13px !important;`
`158`	`159`	`}`
`159`	`160`	`}`
`160`	`161`	`;