(Team-Coverflow#329)style: 버튼 공용 스타일 제거시 발생하는 css 오류 수정했습니다.

JayJayleee · May 30, 2024 · 82005bc · 82005bc
1 parent 16bc377
commit 82005bc
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 10 deletions.
diff --git a/src/asset/sass/pages/postPage/questionWritePage.scss b/src/asset/sass/pages/postPage/questionWritePage.scss
@@ -12,9 +12,9 @@
   justify-content: center;
   align-items: center;
   font-family: Pretendard-Bold;
-  transition:
-    background-color 0.3s ease,
-    transform 0.2s ease;
+  // transition:
+  //   background-color 0.3s ease,
+  //   transform 0.2s ease;
 
   &:hover {
     background-color: #ff8d1d;

diff --git a/src/components/pages/searchPage/companyInfoPage.tsx b/src/components/pages/searchPage/companyInfoPage.tsx
@@ -72,6 +72,7 @@ const QuestionButton = styled.button`
   color: #ffffff;
   letter-spacing: -1px;
   font-family: 'Pretendard-SemiBold';
+  border:none;
 `;
 
 const QuestionList = styled.div`

diff --git a/src/components/ui/ageSelection/ageSelection.scss b/src/components/ui/ageSelection/ageSelection.scss
@@ -5,7 +5,7 @@
   width: 45%;
 }
 
-.age-button-container button {
+ button {
   min-width: 8rem;
   font-size: 1.8rem;
   letter-spacing: -1px;
@@ -17,21 +17,46 @@
   border-radius: 10px;
   margin: 5% 10px 0% 0%;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-  transition:
-    background-color 0.3s,
-    color 0.3s,
-    box-shadow 0.3s; /* 트랜지션 효과 추가 */
+  // transition:
+  //   background-color 0.3s,
+  //   color 0.3s,
+  //   box-shadow 0.3s; /* 트랜지션 효과 추가 */
 }
 
-.age-button-container button.selected {
+ button.selected {
   background-color: #ff8d1d;
   color: #ffffff;
   font-weight: bold;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
 }
 
-.age-button-container button:not(.selected) {
+button:not(.selected) {
   background-color: #cacaca;
   font-weight: bold;
   color: white;
 }
+
+.react-datepicker__navigation {
+  align-items: center !important;
+  background: none !important;
+  display: flex !important;
+  justify-content: center !important;
+  text-align: center !important;
+  cursor: pointer !important;
+  position: absolute !important;
+  top: 2px !important;
+  padding: 0 !important;
+  border: none !important;
+  z-index: 1 !important;
+  height: 32px !important;
+  width: 32px !important;
+  text-indent: -999em !important;
+  overflow: hidden !important;
+  box-shadow: none;
+  margin: 0;
+  border-radius:0%;
+  font-family:none;
+  letter-spacing:0;
+  font-size:0.5rem;
+  min-width:auto;
+}
diff --git a/src/components/ui/calendar/calendar.tsx b/src/components/ui/calendar/calendar.tsx
@@ -46,6 +46,11 @@ const Box = styled.div`
 const DateContainer = styled(DatePicker)`
   width: 135px;
   height: 28px;
+
+  .react-datepicker__navigation{
+    width:auto !impotant;
+  }
+  .react-datepicker__navigation--next
 `;
 
 const Slash = styled.p`