jhynsoo/edufocus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design: 스타일 수정

Browse Source
This commit is contained in:
jhynsoo 2024-07-17 13:31:47 +09:00
parent fbc49b7616
commit be9ad2b900
2 changed files with 49 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
frontend/src/pages/QuestionListPage/QuestionListPage.jsx
View File

@ -26,53 +26,51 @@ export default function QuestionListPage() {
tutor={lecture.tutor}
isLive={lecture.isLive}
/>
<div>
<MaxWidthLayout hasSideBar>
<aside className={styles.aside}>
<SideBar title="바로가기">
<SideLink path={'/'}>공지사항</SideLink>
<SideLink path={'/'}>Q&A</SideLink>
<SideLink path={'/'}>수업자료</SideLink>
<SideLink path={'/'}>퀴즈</SideLink>
</SideBar>
<SideBar title="내 학습">
<SideItem
name="진도율"
sub="2 / 12"
/>
<SideItem
name="퀴즈 정답률"
sub="80%"
/>
</SideBar>
</aside>
<main>
<div className={styles.title}>
<div className={styles.titleText}>Q&A</div>
<button
type="button"
className={styles.button}
>
<div>ㅁ</div>
<div className={styles.buttonText}>글쓰기</div>
</button>
</div>
<div>
{notices.map((notice) => {
if (notice.noticeDate && notice.title) {
return (
<ArticleLink
key={notice.noticeDate}
title={notice.title}
noticeDate={notice.noticeDate}
/>
);
}
})}
</div>
</main>
</MaxWidthLayout>
</div>
<MaxWidthLayout hasSideBar>
<aside>
<SideBar title="바로가기">
<SideLink path={'/'}>공지사항</SideLink>
<SideLink path={'/'}>Q&A</SideLink>
<SideLink path={'/'}>수업자료</SideLink>
<SideLink path={'/'}>퀴즈</SideLink>
</SideBar>
<SideBar title="내 학습">
<SideItem
name="진도율"
sub="2 / 12"
/>
<SideItem
name="퀴즈 정답률"
sub="80%"
/>
</SideBar>
</aside>
<main>
<div className={styles.title}>
<div className={styles.titleText}>Q&A</div>
<button
type="button"
className={styles.button}
>
<div>ㅁ</div>
<div className={styles.buttonText}>글쓰기</div>
</button>
</div>
<div>
{notices.map((notice) => {
if (notice.noticeDate && notice.title) {
return (
<ArticleLink
key={`${notice.title}${notice.noticeDate}`}
title={notice.title}
noticeDate={notice.noticeDate}
/>
);
}
})}
</div>
</main>
</MaxWidthLayout>
</>
);
}

12
frontend/src/pages/QuestionListPage/QuestionListPage.module.css
View File

@ -1,7 +1,3 @@
/* .aside {
width: 100%;
} */
.title {
display: flex;
padding-left: 20px;
@ -18,16 +14,16 @@
.button {
display: flex;
gap: 8px;
padding: 12px;
padding: 12px 16px;
background: var(--background);
border: 1px solid var(--border-color);
border-radius: 8px;
text-align: center;
cursor: pointer;
}
.buttonText {
font-family: inherit;
font-size: 16px;
line-height: 1;
font-weight: 400px;
line-height: 1.4;
font-weight: 700;
}