feat: 게시판 추가

This commit is contained in:
minwucho 2024-07-15 17:59:01 +09:00
parent 8b51cff9df
commit 4c7b7ef106
4 changed files with 44 additions and 1 deletions

View File

@ -0,0 +1,19 @@
import { ArticleLink } from '../ArticleLink';
import styles from './ArticleBoard.module.css';
export default function ArticleBoard() {
return (
<div className={styles.articleBoard}>
<div className={styles.title}>공지사항</div>
<div className={styles.article}>
<ArticleLink />
<ArticleLink />
<ArticleLink />
<ArticleLink />
<ArticleLink />
<ArticleLink />
<ArticleLink />
</div>
</div>
);
}

View File

@ -0,0 +1,23 @@
.articleBoard {
width: 920px;
display: flex;
flex-direction: column;
gap: 24px;
align-items: flex-start;
}
.title {
width: 820px;
box-sizing: border-box;
padding: 0 20px;
font-size: 32px;
line-height: 1.2;
font-weight: 900;
}
.article {
display: flex;
flex-direction: column;
width: 100%;
gap: 12px;
}

View File

@ -0,0 +1 @@
export { default as ArticleBoard } from './ArticleBoard';

View File

@ -1,6 +1,6 @@
.articleLink {
border-radius: 8px;
width: 820px;
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;