diff --git a/Mine/src/components/settings/InterestSettings.tsx b/Mine/src/components/settings/InterestSettings.tsx index e2b5a5f..afd6a7f 100644 --- a/Mine/src/components/settings/InterestSettings.tsx +++ b/Mine/src/components/settings/InterestSettings.tsx @@ -22,16 +22,16 @@ export default function InterestSettings({ interests, onChange }: Props) { if (isLoading) return
불러오는 중...
return ( -
+
{categories?.map((item) => (
toggleInterest(item.code)} - className={`cursor-pointer flex items-center justify-center px-3 py-1.5 rounded-full border text-white font-semibold16 text-base transition-colors + className={`cursor-pointer flex items-center justify-center px-3 py-1.5 rounded-full border font-semibold16 text-base transition-colors ${ interests.includes(item.code) - ? 'border-white bg-gray-600-op30' - : 'border-white/30 bg-transparent' + ? 'bg-gray-100 text-gray-600' + : 'border-white/30 bg-transparent text-gray-100' }`} > {item.name} diff --git a/Mine/src/components/settings/ProfileSettings.tsx b/Mine/src/components/settings/ProfileSettings.tsx index 993be52..2b52ceb 100644 --- a/Mine/src/components/settings/ProfileSettings.tsx +++ b/Mine/src/components/settings/ProfileSettings.tsx @@ -3,6 +3,7 @@ import Camera from '../../icon/camera.svg?react' import useUserStore from '../../stores/user' import useUpdateProfile from '../../hooks/useUpdateProfile' import usePatchVisibility from '../../hooks/usePatchVisibility' +import TabButton from '../../icon/tab_button.svg?react' interface ProfileData { nickname: string @@ -132,7 +133,14 @@ export default function ProfileSettings({ editMode, onCancelEdit, onSave, refCan
비밀번호 - ******** + +
+ ******** + +
diff --git a/Mine/src/components/settings/ScreenSettings.tsx b/Mine/src/components/settings/ScreenSettings.tsx index 85d6bb0..4f2d8c5 100644 --- a/Mine/src/components/settings/ScreenSettings.tsx +++ b/Mine/src/components/settings/ScreenSettings.tsx @@ -66,14 +66,7 @@ export default function ScreenSettings() { 컴퓨터에서 이미지 가져오기
- - + {isConfirmOpen && ( ) -} \ No newline at end of file +} diff --git a/Mine/src/components/settings/SettingsModal.tsx b/Mine/src/components/settings/SettingsModal.tsx index 04627d8..e56fed3 100644 --- a/Mine/src/components/settings/SettingsModal.tsx +++ b/Mine/src/components/settings/SettingsModal.tsx @@ -143,14 +143,12 @@ export default function SettingsModal({ onClose }: SettingsProps) { 저장 ))} - {activeTab === 'interest' && ( )} diff --git a/Mine/src/icon/tab_button.svg b/Mine/src/icon/tab_button.svg new file mode 100644 index 0000000..e2a9119 --- /dev/null +++ b/Mine/src/icon/tab_button.svg @@ -0,0 +1,8 @@ + + + + + + + +