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

design: classInfo에 border 추가

Browse Source
This commit is contained in:
jhynsoo 2024-07-16 12:59:22 +09:00
parent f119d0cb70
commit 09e36560dc
2 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/ClassInfo/ClassInfo.jsx
View File

@ -14,9 +14,7 @@ export default function ClassInfo({ classTerm, classTime }) {
<div className={styles.content}>{classTime}</div> <div className={styles.content}>{classTime}</div>
</div> </div>
</div> </div>
<button className={styles.button}> <button className={styles.button}>수강신청</button>
<div className={styles.buttonText}>수강신청</div>
</button>
</div> </div>
); );
} }

13
frontend/src/components/ClassInfo/ClassInfo.module.css
View File

@ -1,13 +1,13 @@
.classInfo { .classInfo {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%; width: 100%;
padding: 20px; padding: 20px;
border-radius: 20px; border-radius: 20px;
background-color: var(--background); background-color: var(--background);
border: 1px solid var(--border-color);
box-sizing: border-box; box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px;
} }
.title { .title {
@ -45,12 +45,9 @@
.button { .button {
border: 0; border: 0;
border-radius: 8px; border-radius: 8px;
background-color: var(--greyOpacity900); background-color: var(--primary-color);
text-align: center; text-align: center;
padding: 12px; padding: 12px;
}
.buttonText {
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
line-height: 1.4; line-height: 1.4;