wallace/XRLMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

회원가입 icon 정리리

Browse Source
This commit is contained in:
wallace
2025-11-10 11:34:06 +09:00
parent c40a40bf58
commit 3d226a65f7
8 changed files with 280 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
app/register/page.tsx
View File

@@ -3,6 +3,10 @@
import { useState } from 'react';
import Link from 'next/link';
import { useRouter } from 'next/navigation';
import RadioOff from '../../public/svg/radio_off';
import RadioOn from '../../public/svg/radio_on';
import CheckOff from '../../public/svg/check_off';
import CheckOn from '../../public/svg/check_on';
const imgRiCheckboxCircleLine = "http://localhost:3845/assets/e4c498605e2559d2764a3112ae9a9019e6ad798e.svg";
const imgFormkitRadio = "http://localhost:3845/assets/ea30a9a80d95ced4bfb1174d3a8475a4a1dbbabb.svg";
@@ -408,11 +412,7 @@ export default function RegisterPage() {
className="flex items-center gap-[10px]"
onClick={() => handleGenderChange('male')}
>
<img
src={formData.gender === 'male' ? imgFormkitRadio : imgAkarIconsRadio}
alt=""
className="w-[24px] h-[24px]"
/>
{formData.gender === 'male' ? <RadioOn /> : <RadioOff />}
<span className="text-[#515151] text-[14px] font-medium leading-[1.6]">
남성
</span>
@@ -422,11 +422,7 @@ export default function RegisterPage() {
className="flex items-center gap-[10px]"
onClick={() => handleGenderChange('female')}
>
<img
src={formData.gender === 'female' ? imgFormkitRadio : imgAkarIconsRadio}
alt=""
className="w-[24px] h-[24px]"
/>
{formData.gender === 'female' ? <RadioOn /> : <RadioOff />}
<span className="text-[#515151] text-[14px] font-medium leading-[1.6]">
여성
</span>
@@ -508,11 +504,7 @@ export default function RegisterPage() {
className="flex items-center gap-[16px] cursor-pointer select-none mb-[17px]"
onClick={() => handleAgreementChange('all')}
>
<img
src={imgRiCheckboxCircleLine}
alt=""
className={`w-[24px] h-[24px] ${agreements.all ? 'opacity-100' : 'opacity-50'}`}
/>
{agreements.all ? <CheckOn /> : <CheckOff />}
<span className="font-bold text-[20px] text-[#515151]">
모든 항목에 동의합니다.
</span>
@@ -522,11 +514,7 @@ export default function RegisterPage() {
<div className="flex flex-col gap-[17px]">
<div className="flex items-center justify-between">
<div className="flex items-center gap-[16px] cursor-pointer" onClick={() => handleAgreementChange('age14')}>
<img
src={imgRiCheckboxCircleLine}
alt=""
className={`w-[24px] h-[24px] ${agreements.age14 ? 'opacity-100' : 'opacity-50'}`}
/>
{agreements.age14 ? <CheckOn /> : <CheckOff />}
<span className="text-[#515151] text-[16px] font-medium leading-[1.6]">
만 14세 이상입니다. (필수)
</span>
@@ -540,11 +528,7 @@ export default function RegisterPage() {
</div>
<div className="flex items-center justify-between">
<div className="flex items-center gap-[16px] cursor-pointer" onClick={() => handleAgreementChange('terms')}>
<img
src={imgRiCheckboxCircleLine}
alt=""
className={`w-[24px] h-[24px] ${agreements.terms ? 'opacity-100' : 'opacity-50'}`}
/>
{agreements.terms ? <CheckOn /> : <CheckOff />}
<span className="text-[#515151] text-[16px] font-medium leading-[1.6]">
이용 약관 동의 (필수)
</span>
@@ -558,11 +542,7 @@ export default function RegisterPage() {
</div>
<div className="flex items-center justify-between">
<div className="flex items-center gap-[16px] cursor-pointer" onClick={() => handleAgreementChange('privacy')}>
<img
src={imgRiCheckboxCircleLine}
alt=""
className={`w-[24px] h-[24px] ${agreements.privacy ? 'opacity-100' : 'opacity-50'}`}
/>
{agreements.privacy ? <CheckOn /> : <CheckOff />}
<span className="text-[#515151] text-[16px] font-medium leading-[1.6]">
개인정보 수집 및 이용 동의 (필수)
</span>