diff --git a/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css b/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css index df971ca..45fab41 100644 --- a/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css +++ b/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css @@ -3,6 +3,7 @@ padding: 20px; box-sizing: border-box; border-radius: 20px; + border: 1px solid var(--border-color); background-color: var(--background-default); } diff --git a/frontend/src/pages/LearningLectureDetailPage/LearningLectureDetailPage.jsx b/frontend/src/pages/LearningLectureDetailPage/LearningLectureDetailPage.jsx new file mode 100644 index 0000000..3942fd7 --- /dev/null +++ b/frontend/src/pages/LearningLectureDetailPage/LearningLectureDetailPage.jsx @@ -0,0 +1,48 @@ +import LectureHeader from '../../components/LectureHeader/LectureHeader'; +import { SideBar, SideLink, SideItem } from '../../components/SideBar'; +import { MaxWidthLayout } from '../../components/Layout'; +import ArticlePreview from '../../components/Article/ArticlePreview/ArticlePreview'; +import styles from './LearningLectureDetailPage.module.css'; + +export default function LearningLectureDetailPage() { + const lecture = { + title: '정보처리기사 실기 완전정복', + tutor: '박정민', + isLive: true, + }; + return ( + <> + + + +
+ + + +
+
+ + ); +} diff --git a/frontend/src/pages/LearningLectureDetailPage/LearningLectureDetailPage.module.css b/frontend/src/pages/LearningLectureDetailPage/LearningLectureDetailPage.module.css new file mode 100644 index 0000000..ac53613 --- /dev/null +++ b/frontend/src/pages/LearningLectureDetailPage/LearningLectureDetailPage.module.css @@ -0,0 +1,5 @@ +.previews { + display: flex; + flex-direction: column; + gap: 40px; +}