diff --git a/fanmap/src/css/styledCommunity.jsx b/fanmap/src/css/styledCommunity.jsx index e7cc1f9..c7c1fd1 100644 --- a/fanmap/src/css/styledCommunity.jsx +++ b/fanmap/src/css/styledCommunity.jsx @@ -3,7 +3,7 @@ export const Container = styled.div` position: relative; margin: 0 auto; width: 390px; - height: 100vh; + height: 849px; background: #402846; `; export const BackBtn = styled.div` @@ -15,7 +15,7 @@ export const Nav = styled.div` display: flex; justify-content: space-between; width: 390px; - height: 7vh; + height: 51px; flex-shrink: 0; background: linear-gradient(96deg, #402846 54.12%, #e42a89 96.19%); `; @@ -40,8 +40,8 @@ export const Write = styled.div` `; export const Content = styled.div` width: 350px; - height: 93vh; - padding: 23px; + height: 750px; + padding: 20px; overflow-y: auto; &::-webkit-scrollbar { display: none; @@ -155,7 +155,7 @@ export const C8 = styled.div` `; export const C82 = styled.div` position: absolute; - bottom: 10px; + bottom: 9px; right: 5px; width: 80px; z-index: 1; @@ -169,6 +169,7 @@ export const C82 = styled.div` font-weight: 600; line-height: normal; margin-left: 20px; + padding-bottom: 5px; } #Star3 { diff --git a/fanmap/src/css/styledWrite.jsx b/fanmap/src/css/styledWrite.jsx index 3b0f1fc..c3e3623 100644 --- a/fanmap/src/css/styledWrite.jsx +++ b/fanmap/src/css/styledWrite.jsx @@ -62,6 +62,7 @@ export const Content = styled.div` font-weight: 700; line-height: normal; border: none; + padding: 0; } & > * { @@ -71,36 +72,52 @@ export const Content = styled.div` `; export const Box = styled.div` display: inline-flex; - padding: 1px 162px 1px 20px; + padding: 7px 5px 7px 10px; + align-items: center; border-radius: 5px; background: #dbcfde; - color: #402846; - font-family: "Noto Sans KR"; - font-size: 12px; - font-style: normal; - font-weight: 300; - line-height: normal; + /* 본문 */ + + input { + width: 282px; + border: none; + color: var(--main2, #402846); + background: #dbcfde; + font-family: "SUIT Variable"; + font-size: 12px; + font-style: normal; + font-weight: 400; + line-height: normal; + } #clip { - margin-right: 5px; + width: 11px; + height: 13px; + margin-right: 10px; } `; export const Box2 = styled.div` display: inline-flex; - padding: 1px 123px 1px 20px; + padding: 7px 5px 7px 10px; align-items: center; border-radius: 5px; background: #dbcfde; - color: var(--main2, #402846); /* 본문 */ - font-family: "SUIT Variable"; - font-size: 12px; - font-style: normal; - font-weight: 400; - line-height: normal; + + input { + width: 282px; + border: none; + background: #dbcfde; + color: var(--main2, #402846); + font-family: "SUIT Variable"; + font-size: 12px; + font-style: normal; + font-weight: 400; + line-height: normal; + } #place { - margin-right: 5px; + margin-right: 10px; } `; diff --git a/fanmap/src/pages/Write.jsx b/fanmap/src/pages/Write.jsx index 96e2666..2b84e10 100644 --- a/fanmap/src/pages/Write.jsx +++ b/fanmap/src/pages/Write.jsx @@ -4,6 +4,7 @@ import * as W from "../css/styledWrite"; const Write = () => { const navigate = useNavigate(); + const goBack = () => { navigate("/community"); }; @@ -26,7 +27,7 @@ const Write = () => { -

아랫줄로 내리면 내용 속성으로 바뀝니다.

+