Showing
1 changed file
with
11 additions
and
13 deletions
... | @@ -25,25 +25,23 @@ export default function New() { | ... | @@ -25,25 +25,23 @@ export default function New() { |
25 | console.log(post); | 25 | console.log(post); |
26 | }; | 26 | }; |
27 | return ( | 27 | return ( |
28 | - <div> | 28 | + <div className=" mx-10"> |
29 | - <h1>New Post</h1> | ||
30 | <form onSubmit={makePost}> | 29 | <form onSubmit={makePost}> |
31 | - <label>제목</label> | 30 | + <input type="text" className=" w-[90%] text-2xl p-2 mb-4 bg-[#f5f5f5]" id="title" placeholder="제목" /> |
32 | - <input type="text" id="title" /> | ||
33 | <select id="level" defaultValue="1"> | 31 | <select id="level" defaultValue="1"> |
34 | <option value="1">LOW</option> | 32 | <option value="1">LOW</option> |
35 | <option value="2">MEDIUM</option> | 33 | <option value="2">MEDIUM</option> |
36 | <option value="3">HIGH</option> | 34 | <option value="3">HIGH</option> |
37 | </select> | 35 | </select> |
38 | - <label>문제 설명</label> | 36 | + <br /> |
39 | - <textarea id="explain"></textarea><br /> | 37 | + <textarea id="explain" className=" w-full p-2 bg-[#f5f5f5] max-h-96 h-[300px]" placeholder="문제 설명"></textarea><br /> |
40 | - <label>예시 코드 (C++언어로 작성해야 합니다.)</label> | ||
41 | <CodeEditor | 38 | <CodeEditor |
42 | value={code} | 39 | value={code} |
43 | language="cpp" | 40 | language="cpp" |
44 | - placeholder="Please enter example code." | 41 | + placeholder="예시 코드 (C++언어로 작성해야 합니다.)" |
45 | onChange={(evn) => setCode(evn.target.value)} | 42 | onChange={(evn) => setCode(evn.target.value)} |
46 | padding={15} | 43 | padding={15} |
44 | + className="mb-4" | ||
47 | style={{ | 45 | style={{ |
48 | fontSize: 12, | 46 | fontSize: 12, |
49 | backgroundColor: "#f5f5f5", | 47 | backgroundColor: "#f5f5f5", |
... | @@ -51,11 +49,11 @@ export default function New() { | ... | @@ -51,11 +49,11 @@ export default function New() { |
51 | "ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace" | 49 | "ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace" |
52 | }} | 50 | }} |
53 | /> | 51 | /> |
54 | - <label>예시 입력(Enter로 구분)</label> | 52 | + <textarea id="testinput" className=" w-full p-2 bg-[#f5f5f5] mb-4 h-[100px]" placeholder="예시 입력(Enter로 구분)"></textarea> |
55 | - <textarea id="testinput"></textarea> | 53 | + <br /> |
56 | - <label>예시 출력(Enter로 구분)</label> | 54 | + <textarea id="testoutput" className=" w-full p-2 bg-[#f5f5f5] mb-4 h-[100px]" placeholder="예시 출력(Enter로 구분)"></textarea> |
57 | - <textarea id="testoutput"></textarea><br /> | 55 | + <br /> |
58 | - <button type="submit">제출</button> | 56 | + <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" type="submit">제출</button> |
59 | </form> | 57 | </form> |
60 | </div> | 58 | </div> |
61 | ); | 59 | ); | ... | ... |
-
Please register or login to post a comment