Merge branch 'FE/FixDesign' into 'frontend'
[Front-End] Fix: 마이페이지 강의 그리드 수정 / 수강생 등록 이름이 너무 긴 경우 overflow hidden 처리 See merge request s11-webmobile1-sub2/S11P12A701!195
This commit is contained in:
commit
bd91d27c47
@ -26,7 +26,7 @@ export default function LectureEnroll({ userName, enrollid, onDelete, enrolled =
|
||||
|
||||
return (
|
||||
<div className={styles.enrollLink}>
|
||||
<span>{userName}</span>
|
||||
<span className={styles.userName}>{userName}</span>
|
||||
<div className={styles.buttonWrapper}>
|
||||
{!enrolled && (
|
||||
<button
|
||||
|
@ -14,6 +14,7 @@
|
||||
|
||||
.buttonWrapper {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
@ -46,3 +47,10 @@
|
||||
border-color: var(--error-color);
|
||||
color: var(--error-color);
|
||||
}
|
||||
|
||||
.userName {
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
@ -25,6 +25,7 @@
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
|
Loading…
Reference in New Issue
Block a user