diff --git a/src/pages/DetailPosting/PostingBox.tsx b/src/pages/DetailPosting/PostingBox.tsx index ad16870..29cadae 100644 --- a/src/pages/DetailPosting/PostingBox.tsx +++ b/src/pages/DetailPosting/PostingBox.tsx @@ -4,6 +4,7 @@ import Attatchment from './Attatchment'; import Posting from './Posting'; import { PostingDataType } from '@/types'; import PostingNav from './PostingNav'; + const PostingBox: React.FC<{ id: number; postingData: PostingDataType; diff --git a/src/pages/DetailPosting/index.tsx b/src/pages/DetailPosting/index.tsx index 48c95e9..4828ec9 100644 --- a/src/pages/DetailPosting/index.tsx +++ b/src/pages/DetailPosting/index.tsx @@ -1,10 +1,11 @@ +import { useEffect, useState } from 'react'; +import { useParams } from 'react-router-dom'; +import { useQuery } from 'react-query'; import styled from 'styled-components'; + import PostingBox from './PostingBox'; import OtherPostings from './OtherPostings'; -import { useEffect, useState } from 'react'; import { PostingDataType } from '@/types'; -import { useParams } from 'react-router-dom'; -import { useQuery } from 'react-query'; import { fetchPostingDetail } from '@/apis/posting'; import Loading from '@/components/Loading/Loading'; @@ -36,7 +37,7 @@ const DetailPosting: React.FC = ({ title }) => { useEffect(() => { window.scrollTo({ top: 0, behavior: 'smooth' }); }, []); - + if (isLoading) return ; const postingData: PostingDataType = data?.data?.result; diff --git a/src/pages/DetailPosting/styles/posting.module.css b/src/pages/DetailPosting/styles/posting.module.css index 14ff46e..af58dde 100644 --- a/src/pages/DetailPosting/styles/posting.module.css +++ b/src/pages/DetailPosting/styles/posting.module.css @@ -1,34 +1,34 @@ -.ql-body h1 { +h1 { font-size: 2em; } -.ql-body h2 { +h2 { font-size: 1.5em; } -.ql-body h3 { +h3 { font-size: 1.17em; } -.ql-body h4 { +h4 { font-size: 1em; } -.ql-body h5 { +h5 { font-size: 0.83em; } -.ql-body h6 { +h6 { font-size: 0.67em; } -.ql-body a { +u { text-decoration: underline; } - -.ql-body strong { +p { + font-size: 20px; +} +strong { font-weight: bold; } -.ql-body em { +em { font-style: italic; } -.ql-body u { - text-decoration: underline; -} -.ql-body s { + +s { text-decoration: line-through; } diff --git a/src/pages/map/Map.tsx b/src/pages/map/Map.tsx index ea0f3b8..ba0b514 100644 --- a/src/pages/map/Map.tsx +++ b/src/pages/map/Map.tsx @@ -82,7 +82,7 @@ const MapPage = () => {