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
97536071
Commit
97536071
authored
Jul 08, 2022
by
Lee SeoYeon
Browse files
surveyform ui
parent
37cfe93b
Changes
1
Hide whitespace changes
Inline
Side-by-side
frontend/src/commons/SurveyForm.tsx
View file @
97536071
import
React
from
'
react
'
import
React
from
"
react
"
;
export
const
SurveyForm
=
()
=>
(
<
div
className
=
'flex justify-center'
>
<
div
className
=
"flex flex-col space-y-4 mt-5"
>
설문조사 이름
<
div
className
=
"box-content h-52 w-96 py-4 px-5 border-2 mt-5"
>
<
form
>
<
label
>
첫번째 질문
</
label
>
</
form
>
<
div
className
=
"flex flex-col place-items-center"
>
<
div
className
=
"flex flex-col container place-items-center mt-4"
>
<
form
className
=
"font-bold text-4xl text-center m-2"
>
설문지 제목
</
form
>
<
textarea
className
=
"font-bold text-1xl text-center m-2 resize-none"
placeholder
=
"설문조사에 대한 설명을 입력해주세요"
rows
=
{
2
}
cols
=
{
60
}
></
textarea
>
<
div
className
=
"flex flex-col container w-4/5 h-auto border-2 border-themeColor items-center m-3 py-3"
>
<
div
className
=
"flex flexgi-row h-16 w-full place-content-between items-center"
>
<
form
className
=
"text-xl font-bold ml-6 w-1/2"
>
Q1. 첫번째 질문
</
form
>
</
div
>
<
form
className
=
"border w-11/12 my-3"
>
설문조사 설명
</
form
>
<
input
className
=
"border w-11/12 h-36 my-3"
type
=
"text"
placeholder
=
"설문조사 답변"
></
input
>
</
div
>
<
div
className
=
"box-content h-52 w-96 py-4 px-5 border-2 mt-5"
>
<
form
>
<
label
>
두번째 질문
</
label
>
</
form
>
</
div
>
<
div
className
=
"box-content h-52 w-96 py-4 px-5 border-2 mt-5"
>
<
form
>
<
label
>
세번째 질문
</
label
>
</
form
>
</
div
>
<
div
className
=
"text-center t-5"
>
<
button
className
=
"bg-themeColor text-white border rounded py-2 px-6"
>
제출
</
button
>
<
div
className
=
"flex flex-col container w-4/5 h-auto border-2 border-themeColor items-center m-3 py-3"
>
<
div
className
=
"flex flexgi-row h-16 w-full place-content-between items-center"
>
<
form
className
=
"text-xl font-bold ml-6 w-1/2"
>
Q1. 첫번째 질문
</
form
>
</
div
>
<
form
className
=
"border w-11/12 my-4"
>
설문조사 설명
</
form
>
<
input
className
=
"border w-11/12 h-36 my-3"
type
=
"text"
placeholder
=
"설문조사 답변"
></
input
>
</
div
>
</
div
>
<
div
>
<
button
className
=
"rounded bg-themeColor my-5 py-2 px-5 font-bold text-white"
>
제출하기
</
button
>
</
div
>
</
div
>
)
)
;
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