Merge pull request #59 from AcneLog/dev

dev to Main [나의 진단로그 상세페이지, 아크네 진단페이지 반응형 처리]

Author: sungahChooo

src/pages/Diagnosispage/Diagnosis.styles.ts

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-
+import { breakpoints } from '../../styles/theme';
 export const UploadBox = styled.div`
   width: 100%;
   padding: 1.5rem;
@@ -96,4 +96,9 @@ export const ActionButton = styled.button<{ $primary?: boolean }>`
   opacity: ${(props) => (props.disabled ? 0.5 : 1)};
   margin-bottom: 6.25rem;
   font-size: 1rem;
+  white-space: nowrap;
+  @media (max-width: ${breakpoints.mobile}) {
+    padding: 0.8rem 1.5rem;
+    font-size: 0.8rem;
+  }
 `;

src/pages/MyLog/MyLogDetail.styles.ts

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-
+import { breakpoints } from '../../styles/theme';
 export const CloseButton = styled.div`
   width: 100%;
   display: flex;
@@ -133,14 +133,17 @@ export const RecommendSection = styled.section`
     color: gray;
   }
 `;
-
 export const CustomRadio = styled.label`
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   margin-right: 1rem;
   gap: 0.5rem;
-
+  white-space: nowrap;
+  @media (max-width: ${breakpoints.mobile}) {
+    gap: 0.2rem;
+    font-size: 0.9rem;
+  }
   input[type='radio'] {
     appearance: none;
     -webkit-appearance: none;