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

file rename

Browse Source
This commit is contained in:
wallace
2025-11-25 10:30:17 +09:00
parent e74061057d
commit 71feecb8d1
2 changed files with 35 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/app/login/loginoption.tsx
View File

@@ -3,14 +3,14 @@ import React from "react";
import { useState } from "react";
type LoginOptionProps = {
onClick?: () => void;
className?: string;
onClick?: () => void;
className?: string;
loginErrorModalEnabled?: boolean;
setLoginErrorModalEnabled?: (enabled: boolean) => void;
};
export default function LoginOption({
className,
className,
loginErrorModalEnabled,
setLoginErrorModalEnabled,
}: LoginOptionProps) {
@@ -18,7 +18,7 @@ export default function LoginOption({
const [isOpen, setIsOpen] = useState(false);
return (
return (
<div>
<button
type="button"
@@ -26,7 +26,7 @@ export default function LoginOption({
className={`fixed bottom-2 right-2 bg-red-400 cursor-pointer rounded-full w-[40px] h-[40px] shadow-xl z-100`}
>
</button>
{ isOpen && (
{isOpen && (
<div className="fixed inset-0 flex items-center justify-center z-50">
<div className="w-[500px] h-[600px] flex bg-white/80 p-10 border rounded-lg relative">
<button
@@ -37,25 +37,25 @@ export default function LoginOption({
>
×
</button>
<ul className="flex flex-col gap-4">
<li className="flex items-center justify-between">
<p className="mr-4">login error modal</p>
<button
type="button"
aria-label="login error modal 토글"
aria-pressed={!!loginErrorModalEnabled}
onClick={() => setLoginErrorModalEnabled?.(!loginErrorModalEnabled)}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${loginErrorModalEnabled ? 'bg-blue-600' : 'bg-gray-300'}`}
>
<span
className={`inline-block h-5 w-5 transform rounded-full bg-white transition ${loginErrorModalEnabled ? 'translate-x-5' : 'translate-x-1'}`}
/>
</button>
</li>
</ul>
<ul className="flex flex-col gap-4">
<li className="flex items-center justify-between">
<p className="mr-4">login error modal</p>
<button
type="button"
aria-label="login error modal 토글"
aria-pressed={!!loginErrorModalEnabled}
onClick={() => setLoginErrorModalEnabled?.(!loginErrorModalEnabled)}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${loginErrorModalEnabled ? 'bg-blue-600' : 'bg-gray-300'}`}
>
<span
className={`inline-block h-5 w-5 transform rounded-full bg-white transition ${loginErrorModalEnabled ? 'translate-x-5' : 'translate-x-1'}`}
/>
</button>
</li>
</ul>
</div>
</div>
)}
</div>
);
);
}