From 6a9c18bd53beeeaa6314957ad76c9810b7e58b5c Mon Sep 17 00:00:00 2001
From: LEE <dlwodyd7613@ajou.ac.kr>
Date: Fri, 8 Dec 2023 15:49:52 +0900
Subject: [PATCH] =?UTF-8?q?Fix=20PostWrite(=EC=A7=84=ED=96=89=EC=A4=91)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
frontend/src/components/SearchMapByKeyword.js | 1 -
frontend/src/css/App.css | 4 +++
frontend/src/css/PostWrite.css | 30 +++++++++++++++++++
frontend/src/pages/PostWrite.js | 8 ++---
4 files changed, 38 insertions(+), 5 deletions(-)
diff --git a/frontend/src/components/SearchMapByKeyword.js b/frontend/src/components/SearchMapByKeyword.js
index cc9bee21..7f4c6b77 100644
--- a/frontend/src/components/SearchMapByKeyword.js
+++ b/frontend/src/components/SearchMapByKeyword.js
@@ -1,6 +1,5 @@
import { Map, MapMarker } from "react-kakao-maps-sdk";
import React, { useRef, useState, useEffect, useContext } from 'react';
-import '../css/SearchMapByKeyword.css'
const { kakao } = window;
diff --git a/frontend/src/css/App.css b/frontend/src/css/App.css
index fa2d566d..e295e1d8 100644
--- a/frontend/src/css/App.css
+++ b/frontend/src/css/App.css
@@ -41,6 +41,10 @@ button:active {
width: 30vw;
}
+.App .PostWrite{
+ margin-right: auto;
+}
+
.App :not(style) {
margin: 10px;
}
\ No newline at end of file
diff --git a/frontend/src/css/PostWrite.css b/frontend/src/css/PostWrite.css
index 34f4f13b..cedb89e2 100644
--- a/frontend/src/css/PostWrite.css
+++ b/frontend/src/css/PostWrite.css
@@ -1,3 +1,11 @@
+@font-face {
+ font-family: 'JalnanGothic';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+ }
+
+
@font-face {
font-family: 'Pretendard-Regular';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
@@ -5,8 +13,30 @@
font-style: normal;
}
+#postForm{
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#test{
+ font-family: 'Pretendard-Regular';
+ font-size: 20px;
+ font-weight: 500;
+
+}
+
+#writeTitle{
+ font-family: 'JalnanGothic';
+ font-weight: 700;
+ font-size: 20px;
+}
+
#writeContent{
font-family: 'Pretendard-Regular';
font-weight: 700;
font-size: 20px;
+ width: 95%;
+ height: 6.25em;
+ resize: none;
+
}
\ No newline at end of file
diff --git a/frontend/src/pages/PostWrite.js b/frontend/src/pages/PostWrite.js
index 2c563ca0..efc5c007 100644
--- a/frontend/src/pages/PostWrite.js
+++ b/frontend/src/pages/PostWrite.js
@@ -128,14 +128,14 @@ function PostWrite() {
return (
<>
- <section style={{ display: "flex" }}>
+ <section className='PostWrite' style={{ display: "flex" }}>
<div>
<SearchMap loc={location} setLoc={setLocation}></SearchMap>
</div>
<div>
- <form onSubmit={onSubmit}>
+ <form id='postForm' onSubmit={onSubmit}>
<div style={{ display: "flex" }}>
- <input readOnly={true} type="text" placeholder="장소 키워드" value={location.keyword} />
+ <input id='test' readOnly={true} type="text" placeholder="장소 키워드" value={location.keyword} />
<button type="button" onClick={() => {
setLocation({
keyword: "",
@@ -145,7 +145,7 @@ function PostWrite() {
</div>
<div style={{ display: "grid" }}>
<label>제목</label>
- <input
+ <input id='writeTitle'
type="text"
name='title'
onChange={onTextChange}
--
GitLab