fix(component): update small class video avatar styles (#1413)

* refactor(desktop): update small class video avatar styles * fix(web): update small class video avatar styles
netless-io · Mar 7, 2022 · a1f9ea8 · a1f9ea8
1 parent b5fda9b
commit a1f9ea8
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/desktop/renderer-app/src/pages/SmallClassPage/SmallClassPage.less b/desktop/renderer-app/src/pages/SmallClassPage/SmallClassPage.less
@@ -43,6 +43,12 @@
     justify-content: center;
     align-items: center;
     background: #f3f6f9;
+
+    .video-avatar,
+    .video-avatar-absent {
+        width: 144px;
+        height: 108px;
+    }
 }
 
 .small-class-realtime-content {

diff --git a/desktop/renderer-app/src/pages/SmallClassPage/index.tsx b/desktop/renderer-app/src/pages/SmallClassPage/index.tsx
@@ -212,6 +212,7 @@ export const SmallClassPage = observer<SmallClassPageProps>(function SmallClassP
                         isAvatarUserCreator={true}
                         isCreator={true}
                         rtc={classRoomStore.rtc}
+                        small={true}
                         updateDeviceState={classRoomStore.updateDeviceState}
                         userUUID={classRoomStore.userUUID}
                     />
@@ -346,6 +347,7 @@ export const SmallClassPage = observer<SmallClassPageProps>(function SmallClassP
                 isAvatarUserCreator={false}
                 isCreator={classRoomStore.isCreator}
                 rtc={classRoomStore.rtc}
+                small={true}
                 updateDeviceState={classRoomStore.updateDeviceState}
                 userUUID={classRoomStore.userUUID}
             />

diff --git a/web/flat-web/src/pages/SmallClassPage/SmallClassPage.less b/web/flat-web/src/pages/SmallClassPage/SmallClassPage.less
@@ -46,7 +46,8 @@
     align-items: center;
     background: #f3f6f9;
 
-    .video-avatar {
+    .video-avatar,
+    .video-avatar-absent {
         width: 144px;
         height: 108px;
     }

diff --git a/web/flat-web/src/pages/SmallClassPage/index.tsx b/web/flat-web/src/pages/SmallClassPage/index.tsx
@@ -317,6 +317,7 @@ export const SmallClassPage = observer<SmallClassPageProps>(function SmallClassP
                 isAvatarUserCreator={false}
                 isCreator={classRoomStore.isCreator}
                 rtcRoom={classRoomStore.rtc}
+                small={true}
                 updateDeviceState={classRoomStore.updateDeviceState}
                 userUUID={classRoomStore.userUUID}
             />