From 35e557f2869725f8b2ef41af2791bb3c12ea1af1 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Thu, 5 Jan 2023 22:21:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dagora=E6=8F=92?=
 =?UTF-8?q?=E4=BB=B6=E5=B1=95=E5=BC=80=20=E6=94=B6=E8=B5=B7=E7=9A=84?=
 =?UTF-8?q?=E7=83=AD=E5=8C=BA=E5=BC=82=E5=B8=B8=E5=B9=B6=E9=A1=BA=E4=BE=BF?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BA=86=E5=88=86=E5=89=B2=E7=BA=BF=E4=BB=A5?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../com.msgbyte.agora/src/FloatWindow/window.tsx    | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/server/plugins/com.msgbyte.agora/web/plugins/com.msgbyte.agora/src/FloatWindow/window.tsx b/server/plugins/com.msgbyte.agora/web/plugins/com.msgbyte.agora/src/FloatWindow/window.tsx
index 670fd472..0b043afd 100644
--- a/server/plugins/com.msgbyte.agora/web/plugins/com.msgbyte.agora/src/FloatWindow/window.tsx
+++ b/server/plugins/com.msgbyte.agora/web/plugins/com.msgbyte.agora/src/FloatWindow/window.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
-import { ErrorBoundary } from '@capital/component';
+import { Divider, ErrorBoundary } from '@capital/component';
 import { MeetingView, MeetingViewProps } from './MeetingView';
 import { SpeakerNames } from './SpeakerNames';
 
@@ -17,14 +17,14 @@ const FloatWindow = styled.div`
   display: flex;
   flex-direction: column;
 
-  .folder-btn {
+  .folder-btn-container {
     position: absolute;
     bottom: -30px;
     left: 0;
     right: 0;
     display: flex;
 
-    > div {
+    > .folder-btn {
       background-color: var(--tc-content-background-color);
       box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
       height: 30px;
@@ -55,9 +55,12 @@ export const FloatMeetingWindow: React.FC<MeetingViewProps> = React.memo(
           <MeetingView {...props} />
         </ErrorBoundary>
 
-        <div className="folder-btn" onClick={() => setFolder(!folder)}>
-          <div>
+        <div className="folder-btn-container">
+          <div className="folder-btn" onClick={() => setFolder(!folder)}>
             <SpeakerNames />
+
+            <Divider type="vertical" />
+
             <span style={{ marginLeft: 4 }}>{folder ? '展开' : '收起'}</span>
           </div>
         </div>