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

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

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