motaju/xrlms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

로그인관련

Browse Source
This commit is contained in:
koreacomp5
2025-11-18 03:27:30 +09:00
parent 851fec4096
commit e574caa7ce
16 changed files with 1458 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/login/page.tsx
View File

@@ -7,7 +7,7 @@ import LoginCheckboxActiveSvg from "@/app/svgs/logincheckboxactivesvg";
import LoginCheckboxInactiveSvg from "@/app/svgs/logincheckboxinactivesvg";
import LoginInputSvg from "@/app/svgs/inputformx";
import LoginErrorModal from "./LoginErrorModal";
import LoginOption from "@/app/login/loginoption";
import LoginOption from "@/app/login/LoginOption";
export default function LoginPage() {
const [userId, setUserId] = useState("");
@@ -70,7 +70,7 @@ export default function LoginPage() {
onBlur={() => setIsUserIdFocused(false)}
placeholder="아이디 (이메일)"
className="
h-[56px] px-[12px] py-[7px] w-full rounded-[8px] border border-neutral-40
h-[40px] px-[12px] py-[7px] w-full rounded-[8px] border border-neutral-40
focus:outline-none focus:ring-0 focus:ring-offset-0 focus:shadow-none
focus:appearance-none focus:border-neutral-700
text-[18px] text-neutral-700 font-normal leading-[150%] placeholder:text-input-placeholder-text
@@ -106,7 +106,7 @@ export default function LoginPage() {
onBlur={() => setIsPasswordFocused(false)}
placeholder="비밀번호"
className="
h-[56px] px-[12px] py-[7px] rounded-[8px] w-full border border-neutral-40
h-[40px] px-[12px] py-[7px] rounded-[8px] w-full border border-neutral-40
focus:outline-none focus:ring-0 focus:ring-offset-0 focus:shadow-none
focus:appearance-none focus:border-neutral-700
text-[18px] text-neutral-700 font-normal leading-[150%] placeholder:text-input-placeholder-text
@@ -164,7 +164,7 @@ export default function LoginPage() {
{/* 로그인 버튼 */}
<button
type="submit"
className={`h-14 w-full rounded-lg text-[16px] font-semibold text-white transition-opacity cursor-pointer mb-3 ${userId.trim().length > 0 && password.trim().length > 0 ? "bg-active-button" : "bg-inactive-button"}`}
className={`h-[40px] w-full rounded-lg text-[16px] font-semibold text-white transition-opacity cursor-pointer mb-3 ${userId.trim().length > 0 && password.trim().length > 0 ? "bg-active-button" : "bg-inactive-button"}`}
>
로그인
</button>
@@ -180,11 +180,11 @@ export default function LoginPage() {
<div
className="flex items-center gap-3 text-basic-text"
>
<Link href="#" className="underline-offset-2">
<Link href="/find-id" className="underline-offset-2">
아이디 찾기
</Link>
<span className="h-3 w-px bg-input-border" />
<Link href="#" className="underline-offset-2">
<Link href="/reset-password" className="underline-offset-2">
비밀번호 재설정
</Link>
</div>