视频连线

2026-05-27 14:38:55 +08:00
parent 3dc4fa6563
commit db7ea0b44a
6 changed files with 128 additions and 9 deletions
--- a/frontend/src/components/meeting/MeetingToolbar.vue
+++ b/frontend/src/components/meeting/MeetingToolbar.vue
@@ -284,9 +284,26 @@ const emitIf = (name) => {
 }
 .badge.badge-red { background: #EF4444; }

-@media (max-width: 420px) {
-  .btn { min-width: 88rpx; }
-  .icon { width: 64rpx; height: 64rpx; }
-  .label { font-size: 20rpx; }
+@media (max-width: 750px) {
+  .toolbar {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    justify-content: flex-start;
+    gap: 8rpx;
+    padding: 10rpx 12rpx calc(10rpx + env(safe-area-inset-bottom)) 12rpx;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+  }
+  .btn {
+    min-width: 76rpx;
+    flex: 0 0 auto;
+    gap: 4rpx;
+    padding: 4rpx 4rpx;
+  }
+  .icon { width: 54rpx; height: 54rpx; }
+  .label { font-size: 18rpx; }
 }
 </style>