sungjin

Make design in /new

...@@ -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 );
......