2.1.10 update (#3)

* Updated video sdk ui toolkit version, fixed css

---------

Co-authored-by: Joyce Ma <[email protected]>

Author: PikaJoyce

package-lock.json

@@ -14,7 +14,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@zoom/videosdk-ui-toolkit": "^2.1.0-1",
+    "@zoom/videosdk-ui-toolkit": "2.1.10-1",
     "vue": "^3.3.4"
   },
   "devDependencies": {

package.json

@@ -6,14 +6,18 @@ body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
-  
+
 html, body {
     min-width: 0 !important;
 }
 
 main {
-    width: 70%;
+    width: 100vw;
+    height: 100vh;
     margin: auto;
+}
+
+main #join-flow {
     text-align: center;
 }
 
@@ -35,4 +39,9 @@ main #join-flow button {
 
 main #join-flow button:hover {
     background-color: #2681F2;
-}
+}
+
+#sessionContainer {
+    width: 100%;
+    height: 100%;
+  }

src/assets/main.css

@@ -10,13 +10,16 @@
       sessionName: 'test',
       userName: 'Vue.js',
       sessionPasscode: '123',
-      features: ['preview', 'video', 'audio', 'settings', 'users', 'chat', 'share'],
-      options: { init: {}, audio: {}, video: {}, share: {}},
-      virtualBackground: {
-         allowVirtualBackground: true,
-         allowVirtualBackgroundUpload: true,
-         virtualBackgrounds: ['https://images.unsplash.com/photo-1715490187538-30a365fa05bd?q=80&w=1945&auto=format&fit=crop']
-      }
+      featuresOptions: {
+        virtualBackground: {
+            enable: true,
+            virtualBackgrounds: [
+                {
+                    url: 'https://images.unsplash.com/photo-1715490187538-30a365fa05bd?q=80&w=1945&auto=format&fit=crop'
+                },
+            ],
+        },
+    },
   };
   var role = 1