feat: 글 링크 추가
This commit is contained in:
parent
bcf3e934c1
commit
fa076c2859
10
frontend/src/components/ArticleLink/ArticleLink.jsx
Normal file
10
frontend/src/components/ArticleLink/ArticleLink.jsx
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
import styles from './ArticleLink.module.css';
|
||||||
|
|
||||||
|
export default function ArticleLink() {
|
||||||
|
return (
|
||||||
|
<div className={styles.articleLink}>
|
||||||
|
<span className={styles.note}>공지사항</span>
|
||||||
|
<span className={styles.date}>07-12 14:34</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
25
frontend/src/components/ArticleLink/ArticleLink.module.css
Normal file
25
frontend/src/components/ArticleLink/ArticleLink.module.css
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
.articleLink {
|
||||||
|
border-radius: 8px;
|
||||||
|
width: 820px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 16px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.articleLink:hover {
|
||||||
|
background-color: var(--background-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.note {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1.2;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4;
|
||||||
|
font-weight: 400;
|
||||||
|
color: var(--text-color-secondary);
|
||||||
|
}
|
1
frontend/src/components/ArticleLink/index.js
Normal file
1
frontend/src/components/ArticleLink/index.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
export { default as ArticleLink } from './ArticleLink';
|
Loading…
Reference in New Issue
Block a user