Skip to content
Snippets Groups Projects
Commit 275d10ea authored by Jaeyong Lee's avatar Jaeyong Lee
Browse files

ADD PostWrite.css

parent 613bd716
No related branches found
No related tags found
No related merge requests found
backend/public/uploads/macdoland1701952514971.jpg

46.7 KiB

...@@ -30,6 +30,8 @@ ...@@ -30,6 +30,8 @@
.article .content { .article .content {
font-family: 'Pretendard-Regular'; font-family: 'Pretendard-Regular';
padding-top: 10px;
padding-bottom: 10px;
} }
.article .comments { .article .comments {
......
...@@ -5,6 +5,13 @@ ...@@ -5,6 +5,13 @@
font-style: 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');
font-weight: 400;
font-style: normal;
}
.intro { .intro {
/* position: fixed; */ /* position: fixed; */
font-size: 30px; font-size: 30px;
...@@ -18,6 +25,11 @@ ...@@ -18,6 +25,11 @@
/* flex-wrap: wrap; */ /* flex-wrap: wrap; */
} }
#title {
font-size: 70px;
}
.intro p{ .intro p{
font-size: 35px; font-size: 35px;
color: white; color: white;
...@@ -26,6 +38,13 @@ ...@@ -26,6 +38,13 @@
line-height: 1.5; line-height: 1.5;
} }
#addInputPrior {
margin-right: 90vh;
width: 100px;
font-family: 'Pretendard-Regular';
font-weight: 700;
}
Button { Button {
width: 150px; width: 150px;
......
@font-face {
font-family: 'Pretendard-Regular';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
#writeContent{
font-family: 'Pretendard-Regular';
font-weight: 700;
font-size: 20px;
}
\ No newline at end of file
...@@ -47,7 +47,7 @@ function Main() { ...@@ -47,7 +47,7 @@ function Main() {
return ( return (
<div className="App"> <div className="App">
<h1>모두의 食道樂</h1> <h1 id='title'>모두의 食道樂</h1>
<div className="intro"> <div className="intro">
<p>가보고 싶은 식당을 찾아보고, <br />가본 식당을 기록해보세요!</p> <p>가보고 싶은 식당을 찾아보고, <br />가본 식당을 기록해보세요!</p>
</div> </div>
......
import React, { useRef, useState, useEffect, useContext } from 'react'; import React, { useRef, useState, useEffect, useContext } from 'react';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { UserContext } from '../Context.js'; import { UserContext } from '../Context.js';
import '../css/PostWrite.css'
import SearchMap from '../components/SearchMapByKeyword.js' import SearchMap from '../components/SearchMapByKeyword.js'
import axios from 'axios'; import axios from 'axios';
...@@ -152,7 +153,7 @@ function PostWrite() { ...@@ -152,7 +153,7 @@ function PostWrite() {
</div> </div>
<div style={{ display: "grid" }}> <div style={{ display: "grid" }}>
<label>Content</label> <label>Content</label>
<input <textarea id='writeContent'
type="text" type="text"
name='content' name='content'
onChange={onTextChange} onChange={onTextChange}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment