diff --git a/frontend/src/components/ChatRoom/ChatRoom.module.css b/frontend/src/components/ChatRoom/ChatRoom.module.css index 62106c5..9315a33 100644 --- a/frontend/src/components/ChatRoom/ChatRoom.module.css +++ b/frontend/src/components/ChatRoom/ChatRoom.module.css @@ -12,6 +12,7 @@ display: flex; justify-content: space-between; align-items: center; + position: relative; padding: 16px; & > .quizButton { diff --git a/frontend/src/components/LiveRoom/LiveRoom.jsx b/frontend/src/components/LiveRoom/LiveRoom.jsx index 69b9c13..ba992bd 100644 --- a/frontend/src/components/LiveRoom/LiveRoom.jsx +++ b/frontend/src/components/LiveRoom/LiveRoom.jsx @@ -116,7 +116,7 @@ export default function LiveRoom() { {participants.length}명 -
+
{!focusTrack ? ( diff --git a/frontend/src/components/LiveRoom/LiveRoom.module.css b/frontend/src/components/LiveRoom/LiveRoom.module.css index f0d606f..a91d1cd 100644 --- a/frontend/src/components/LiveRoom/LiveRoom.module.css +++ b/frontend/src/components/LiveRoom/LiveRoom.module.css @@ -30,3 +30,7 @@ line-height: 1.4; font-weight: 500; } + +.videoRoom { + height: calc(100% - 48px) !important; +} diff --git a/frontend/src/components/Quiz/Quiz.module.css b/frontend/src/components/Quiz/Quiz.module.css index f8c9234..b8c2b62 100644 --- a/frontend/src/components/Quiz/Quiz.module.css +++ b/frontend/src/components/Quiz/Quiz.module.css @@ -16,7 +16,10 @@ width: 100%; height: 100%; padding: 0 16px; + white-space: pre-line; + word-break: break-word; box-sizing: border-box; + overflow-y: auto; } .header { diff --git a/frontend/src/components/QuizModal/QuizModal.jsx b/frontend/src/components/QuizModal/QuizModal.jsx index 6b9e013..abc953e 100644 --- a/frontend/src/components/QuizModal/QuizModal.jsx +++ b/frontend/src/components/QuizModal/QuizModal.jsx @@ -29,7 +29,6 @@ export default function QuizModal({ startQuiz, quizSets, closeModal }) {
  • { - console.log(quizSet.quizSetId); startQuiz(quizSet.quizSetId); closeModal(); }} diff --git a/frontend/src/components/QuizModal/QuizModal.module.css b/frontend/src/components/QuizModal/QuizModal.module.css index 83db8cd..d9d5e18 100644 --- a/frontend/src/components/QuizModal/QuizModal.module.css +++ b/frontend/src/components/QuizModal/QuizModal.module.css @@ -91,4 +91,5 @@ font-weight: 500; cursor: pointer; transition: background-color 0.25s; + word-break: break-word; }