diff --git a/src/components/SignUp/ProfileImgStep.tsx b/src/components/SignUp/ProfileImgStep.tsx index 2b59f34..b79fe66 100644 --- a/src/components/SignUp/ProfileImgStep.tsx +++ b/src/components/SignUp/ProfileImgStep.tsx @@ -65,7 +65,6 @@ const ProfileImgStep: React.FC<{ onNext: () => void }> = ({ onNext }) => { = ({ {actions.map((action, index) => ( ))} - ); @@ -58,7 +57,7 @@ const styles: { [key: string]: React.CSSProperties } = { modal: { width: '90%', maxWidth: '400px', - backgroundColor: '#fff', + backgroundColor: '#f1f1f1', borderRadius: '12px', padding: '20px', display: 'flex', @@ -66,6 +65,11 @@ const styles: { [key: string]: React.CSSProperties } = { 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',