Merge pull request #186 from D3vPals/feat/#181

style : "이력사항" 스타일 수정

Author: layout-SY

src/components/applyComponents/careersComponent/CareersComponent.styled.ts

@@ -12,7 +12,7 @@ export const CareerContainer = styled.div`
   margin-bottom: 10px;
 
   @media screen and ${({ theme }) => theme.mediaQuery.tablet} {
-    flex-direction: column;
+    display: flex;
     gap: 10px;
   }
 `;

src/components/applyComponents/careersComponent/careersInputComponent/CareersComponentInput.styled.ts

@@ -15,46 +15,21 @@ export const CareerInput = styled.input`
   padding: 10px;
   font-size: 16px;
 
-  &:focus {
-    outline: none;
-    border-color: #888;
-  }
-
-  &:nth-child(1) {
+  &:nth-child(1),
+  &:nth-child(4) {
     flex: 2;
     font-size: ${({ theme }) => theme.heading.small.fontSize};
   }
 
-  &:nth-child(2) {
-    ${basicStyle}
-    ${dateStyle}
-  }
-
+  &:nth-child(2),
   &:nth-child(3) {
-    ${basicStyle}
     ${dateStyle}
   }
 
-  &:nth-child(4) {
-    flex: 2;
-    font-size: ${({ theme }) => theme.heading.small.fontSize};
-  }
-
   @media screen and ${({ theme }) => theme.mediaQuery.tablet} {
-    flex: 1;
-    margin-bottom: 10px;
-
-    &:nth-child(1),
-    &:nth-child(4) {
-      width: 60%;
-      flex: 1;
-    }
-
-    &:nth-child(2),
-    &:nth-child(3) {
-      width: 20%;
-      flex: 1;
-    }
+    width: 100%;
+    margin-bottom: 12px;
+    font-size: 14px;
   }
 `;