diff --git a/public/images/auth-background.svg b/public/images/auth-background.svg index ca45d4d..c109e4d 100644 --- a/public/images/auth-background.svg +++ b/public/images/auth-background.svg @@ -1,9 +1,43 @@ - - + + + + + + + + + - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/music2.jpg b/public/images/music2.jpg deleted file mode 100644 index 5bc252e..0000000 Binary files a/public/images/music2.jpg and /dev/null differ diff --git a/public/images/music3.jpg b/public/images/music3.jpg deleted file mode 100644 index 85d297d..0000000 Binary files a/public/images/music3.jpg and /dev/null differ diff --git a/public/images/music4.jpg b/public/images/music4.jpg deleted file mode 100644 index 1a4522c..0000000 Binary files a/public/images/music4.jpg and /dev/null differ diff --git a/src/components/modal/signin-modal.tsx b/src/components/modal/signin-modal.tsx index 26f8070..56a7060 100644 --- a/src/components/modal/signin-modal.tsx +++ b/src/components/modal/signin-modal.tsx @@ -6,8 +6,15 @@ import { useRouter } from "next/navigation"; import useSigninModal from "@/hooks/modal/use-signin-modal"; -import ModalTitle from "./modal-title"; -import { CustomModal } from "./custom-modal"; +import { + Dialog, + DialogClose, + DialogContent, + DialogDescription, + DialogOverlay, + DialogPortal, + DialogTitle, +} from "../ui/dialog"; export function SigninModal() { const signinModal = useSigninModal(); @@ -26,32 +33,61 @@ export function SigninModal() { }; return ( - + + + + 로그인 + 로그인 +
+ +
logo - } - title="Untitled" - className="bg-none" - /> - } - description="로그인하고 모든 서비스를 이용해보세요!" - isOpen={signinModal.isOpen} - onChange={onChange} - className="p-4 flex flex-col items-center justify-center h-[50%]" - > -
- -
- +

Untitled

+

+ 로그인하고 모든 서비스를 이용해보세요! +

+
+ +
+
+ + + + + + + ); } + +const CloseIcon = () => { + return ( + + ); +};