Merge pull request #15 from TeamBNBN/fe/format
[Front-End] chore: crlf를 lf로 변경
This commit is contained in:
commit
dbf1031c55
@ -1,9 +1,8 @@
|
|||||||
import { Link } from "react-router-dom";
|
import { Link } from 'react-router-dom';
|
||||||
import styles from './ArticleDetail.module.css'
|
import styles from './ArticleDetail.module.css';
|
||||||
import ArticleDetailAnswer from "./ArticleDetailAnswer/ArticleDetailAnswer";
|
import ArticleDetailAnswer from './ArticleDetailAnswer/ArticleDetailAnswer';
|
||||||
|
|
||||||
export default function ArticleDetail() {
|
export default function ArticleDetail() {
|
||||||
|
|
||||||
const title = '헷갈리는게 있어요';
|
const title = '헷갈리는게 있어요';
|
||||||
const author = '이재용';
|
const author = '이재용';
|
||||||
const content = 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perferendis sed dolorem vitae?';
|
const content = 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perferendis sed dolorem vitae?';
|
||||||
@ -11,7 +10,10 @@ export default function ArticleDetail() {
|
|||||||
<div className={styles.articleDetail}>
|
<div className={styles.articleDetail}>
|
||||||
<header>
|
<header>
|
||||||
<div>
|
<div>
|
||||||
<Link to={'/'} className={styles.backButton}>
|
<Link
|
||||||
|
to={'/'}
|
||||||
|
className={styles.backButton}
|
||||||
|
>
|
||||||
<div>-</div>
|
<div>-</div>
|
||||||
<div className={styles.backText}>Q&A</div>
|
<div className={styles.backText}>Q&A</div>
|
||||||
</Link>
|
</Link>
|
||||||
@ -26,5 +28,5 @@ export default function ArticleDetail() {
|
|||||||
</div>
|
</div>
|
||||||
<ArticleDetailAnswer />
|
<ArticleDetailAnswer />
|
||||||
</div>
|
</div>
|
||||||
)
|
);
|
||||||
}
|
}
|
@ -1,5 +1,4 @@
|
|||||||
import styles from './ArticleDetailAnswer.module.css'
|
import styles from './ArticleDetailAnswer.module.css';
|
||||||
|
|
||||||
|
|
||||||
export default function ArticleDetailAnswer() {
|
export default function ArticleDetailAnswer() {
|
||||||
return (
|
return (
|
||||||
@ -10,5 +9,5 @@ export default function ArticleDetailAnswer () {
|
|||||||
</div>
|
</div>
|
||||||
<div className={styles.content}>Lorem ipsum dolor sit amet.</div>
|
<div className={styles.content}>Lorem ipsum dolor sit amet.</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
);
|
||||||
}
|
}
|
@ -1,5 +1,5 @@
|
|||||||
import { Link } from "react-router-dom"
|
import { Link } from 'react-router-dom';
|
||||||
import styles from "./ArticlePreview.module.css"
|
import styles from './ArticlePreview.module.css';
|
||||||
|
|
||||||
export default function ArticlePreview() {
|
export default function ArticlePreview() {
|
||||||
// TODO: 아이콘 변경
|
// TODO: 아이콘 변경
|
||||||
@ -15,5 +15,5 @@ export default function ArticlePreview () {
|
|||||||
<div className={styles.content}>첫 수업 준비사항</div>
|
<div className={styles.content}>첫 수업 준비사항</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
);
|
||||||
}
|
}
|
@ -1,6 +1,5 @@
|
|||||||
import { Link } from "react-router-dom"
|
import { Link } from 'react-router-dom';
|
||||||
import styles from "./CreateArticle.module.css"
|
import styles from './CreateArticle.module.css';
|
||||||
|
|
||||||
|
|
||||||
export default function CreateArticle() {
|
export default function CreateArticle() {
|
||||||
// TODO: 입력 크기에 따라 반응형으로 textarea 크기 변경
|
// TODO: 입력 크기에 따라 반응형으로 textarea 크기 변경
|
||||||
@ -8,7 +7,10 @@ export default function CreateArticle() {
|
|||||||
<div className={styles.createArticle}>
|
<div className={styles.createArticle}>
|
||||||
<header className={styles.header}>
|
<header className={styles.header}>
|
||||||
<div>
|
<div>
|
||||||
<Link to={'/'} className={styles.backButton}>
|
<Link
|
||||||
|
to={'/'}
|
||||||
|
className={styles.backButton}
|
||||||
|
>
|
||||||
<div>-</div>
|
<div>-</div>
|
||||||
<div className={styles.backText}>Q&A</div>
|
<div className={styles.backText}>Q&A</div>
|
||||||
</Link>
|
</Link>
|
||||||
@ -19,7 +21,10 @@ export default function CreateArticle() {
|
|||||||
<form>
|
<form>
|
||||||
<div className={styles.fieldWrapper}>
|
<div className={styles.fieldWrapper}>
|
||||||
<label className={styles.label}>제목</label>
|
<label className={styles.label}>제목</label>
|
||||||
<input type="text" className={styles.titleInput} />
|
<input
|
||||||
|
type="text"
|
||||||
|
className={styles.titleInput}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.fieldWrapper}>
|
<div className={styles.fieldWrapper}>
|
||||||
<label className={styles.label}>내용</label>
|
<label className={styles.label}>내용</label>
|
||||||
@ -34,5 +39,5 @@ export default function CreateArticle() {
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
);
|
||||||
}
|
}
|
@ -2,7 +2,6 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -68,7 +67,6 @@
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.buttonWrapper {
|
.buttonWrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
|
Loading…
Reference in New Issue
Block a user