Merge pull request #692 from nagisa77/feature/daily_bugfix_0822_a

fix: 移动端 ui适配

frontend_nuxt/pages/message-box/[id].vue

@@ -445,6 +445,7 @@ onUnmounted(() => {
 
 .message-input-area {
   margin-left: 20px;
+  margin-right: 20px;
 }
 
 .loading-container,
@@ -453,4 +454,15 @@ onUnmounted(() => {
   padding: 50px;
   color: var(--text-color-secondary);
 }
+
+@media (max-width: 768px) {
+  .messages-list {
+    padding: 10px;
+  }
+}
+
+.message-input-area {
+  margin-left: 10px;
+  margin-right: 10px;
+}
 </style>

frontend_nuxt/pages/message-box/index.vue

@@ -283,7 +283,7 @@ function goToConversation(id) {
 /* 响应式设计 */
 @media (max-width: 768px) {
   .messages-container {
-    padding: 16px 12px;
+    padding: 10px 10px;
   }
 
   .messages-title {
@@ -295,7 +295,7 @@ function goToConversation(id) {
   }
 
   .conversation-item {
-    padding: 12px 16px;
+    padding: 6px 8px;
   }
 
   .avatar-img {
@@ -315,34 +315,4 @@ function goToConversation(id) {
     font-size: 13px;
   }
 }
-
-@media (max-width: 480px) {
-  .messages-container {
-    padding: 12px 8px;
-  }
-
-  .conversations-list {
-    max-height: 400px;
-  }
-
-  .conversation-item {
-    padding: 10px 12px;
-  }
-
-  .avatar-img {
-    width: 36px;
-    height: 36px;
-  }
-
-  .conversation-avatar {
-    margin-right: 12px;
-  }
-}
-
-/* 大屏幕设备 */
-@media (min-width: 1024px) {
-  .conversations-list {
-    max-height: 700px;
-  }
-}
 </style>