Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
survey
Commits
723db58e
Commit
723db58e
authored
Jun 24, 2022
by
Lee SeoYeon
Browse files
0624 회원가입페이지 ui
parent
8232407d
Changes
1
Show whitespace changes
Inline
Side-by-side
frontend/src/Pages/SignUpPage.tsx
View file @
723db58e
import
React
from
"
react
"
;
import
"
tailwindcss/tailwind.css
"
;
import
React
from
'
react
'
import
'
tailwindcss/tailwind.css
'
type
SignUpProps
=
{
type
SignUpProps
=
{
}
};
const
SignUpPage
=
({}:
SignUpProps
)
=>
(
<
div
className
=
"flex justify-center mt-3"
>
<
div
className
=
"text-slate-300 text-xl font-bold"
>
<
label
className
=
"block text-gray-700 text-sm font-bold mb-2 mt-3"
>
이름
</
label
>
<
input
className
=
"shadow appearance-none border rounded py-2 px-3 text-gray-60"
id
=
"name"
type
=
"name"
placeholder
=
"이름을 입력하세요"
/>
<
label
className
=
"block text-gray-700 text-sm font-bold mb-2 mt-3"
>
이메일
</
label
>
<
input
className
=
"shadow appearance-none border rounded py-2 px-3 text-gray-70"
id
=
"email"
type
=
"email"
placeholder
=
"이메일을 입력하세요"
/>
const
SignUpPage
=
({
}:
SignUpProps
)
=>
(
<
div
className
=
"text-slate-300 text-3xl font-bold"
>
회원가입페이지
<
label
className
=
"block text-gray-700 text-sm font-bold mb-2 mt-3"
>
비밀번호
</
label
>
<
input
className
=
"shadow appearance-none border rounded py-2 px-3 text-gray-70"
id
=
"username"
type
=
"password"
placeholder
=
"비밀번호를 입력하세요"
/>
<
div
className
=
'text-center'
>
<
button
className
=
"bg-cyan-400 text-white border rounded w-100 py-2 px-3 mt-3"
>
회원가입
</
button
>
</
div
>
);
</
div
>
</
div
>
)
export
default
SignUpPage
;
\ No newline at end of file
export
default
SignUpPage
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment