Skip to content

fanmap #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
imsoo0816 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fanmap #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 6 additions & 5 deletions fanmap/src/css/styledCommunity.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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`
Expand All @@ -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%);
`;
Expand All @@ -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;
Expand Down Expand Up @@ -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;
Expand All @@ -169,6 +169,7 @@ export const C82 = styled.div`
font-weight: 600;
line-height: normal;
margin-left: 20px;
padding-bottom: 5px;
}

#Star3 {
Expand Down
49 changes: 33 additions & 16 deletions fanmap/src/css/styledWrite.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,7 @@ export const Content = styled.div`
font-weight: 700;
line-height: normal;
border: none;
padding: 0;
}

& > * {
Expand All @@ -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;
}
`;
7 changes: 4 additions & 3 deletions fanmap/src/pages/Write.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import * as W from "../css/styledWrite";

const Write = () => {
const navigate = useNavigate();

const goBack = () => {
navigate("/community");
};
Expand All @@ -26,7 +27,7 @@ const Write = () => {
</W.Nav>
<W.Content>
<input id="inputTitle" placeholder="제목이 들어갑니다." />
<p>아랫줄로 내리면 내용 속성으로 바뀝니다.</p>
<textarea id="inputContent" placeholder="내용이 들어갑니다." />
<p>아래 미디어 추가할 수 있습니다.</p>
<img
src={`${process.env.PUBLIC_URL}/images/Rectangle39.png`}
Expand All @@ -38,15 +39,15 @@ const Write = () => {
src={`${process.env.PUBLIC_URL}/images/clip.svg`}
alt="clip"
/>
<p>http://www.fanmap.co.kr</p>
<input placeholder="링크를 추가하시오" />
</W.Box>
<W.Box2>
<img
id="place"
src={`${process.env.PUBLIC_URL}/images/place.svg`}
alt="place"
/>
<p>서울특별시 송파구 올림픽로 25</p>
<input placeholder="장소를 추가하시오" />
</W.Box2>
</W.Content>
</W.Container>
Expand Down