..

src/layouts/NormalLayout.vue

@@ -53,7 +53,7 @@
 .layout-page {
     flex-grow: 1;
     min-width: 0; /* flexbox 내에서 올바른 크기 계산 */
-    margin-right: 350px; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
+    margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
 }
 
 </style>

src/layouts/TheChat.vue

@@ -27,7 +27,7 @@ const sendMessage = () => {
 <style scoped>
 /* 채팅 사이드바 고정 */
 .chat-sidebar {
-    width: 350px;
+    width: 20%;
     height: 100vh;
     position: fixed;
     right: 0;