test:#5 action modal css 테스트

Leets-Official · Jan 4, 2025 · 5f3fff6 · 5f3fff6
1 parent d75816b
commit 5f3fff6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/src/components/SignUp/ProfileImgStep.tsx b/src/components/SignUp/ProfileImgStep.tsx
@@ -65,7 +65,6 @@ const ProfileImgStep: React.FC<{ onNext: () => void }> = ({ onNext }) => {
       <ActionModal
         isOpen={isModalOpen}
         onClose={handleModalClose}
-        title="프로필 사진 설정"
         actions={[
           {
             label: '앨범에서 선택',

diff --git a/src/components/common/Modal/ActionModal.tsx b/src/components/common/Modal/ActionModal.tsx
@@ -1,3 +1,4 @@
+import { NONAME } from 'dns';
 import React from 'react';
 
 interface Action {
@@ -28,12 +29,10 @@ const ActionModal: React.FC<ActionModalProps> = ({
           {actions.map((action, index) => (
             <button key={index} onClick={action.onClick} style={styles.button}>
               {action.label}
+              {index < actions.length - 1 && <div style={styles.divider} />}
             </button>
           ))}
         </div>
-        <button onClick={onClose} style={styles.closeButton}>
-          닫기
-        </button>
       </div>
     </div>
   );
@@ -58,14 +57,19 @@ const styles: { [key: string]: React.CSSProperties } = {
   modal: {
     width: '90%',
     maxWidth: '400px',
-    backgroundColor: '#fff',
+    backgroundColor: '#f1f1f1',
     borderRadius: '12px',
     padding: '20px',
     display: 'flex',
     flexDirection: 'column',
     gap: '10px',
     position: 'relative',
   },
+  divider: {
+    height: '1px',
+    backgroundColor: '#ccc',
+    margin: '0',
+  },
   title: {
     fontSize: '18px',
     fontWeight: 'bold',
@@ -75,13 +79,11 @@ const styles: { [key: string]: React.CSSProperties } = {
   actions: {
     display: 'flex',
     flexDirection: 'column',
-    gap: '10px',
   },
   button: {
     padding: '10px',
-    fontSize: '14px',
-    backgroundColor: '#f9f9f9',
-    border: '1px solid #ccc',
+    fontSize: '20px',
+    border: 'none',
     borderRadius: '5px',
     cursor: 'pointer',
     textAlign: 'center',