@agilemotion/oui-react-js 1.3.8 → 1.3.9

package/dist/components/media/VCRoomWorkspace.css

@@ -0,0 +1,86 @@
+.grid,
+.grid .item {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  height: 100%;
+  width: 100%;
+}
+
+.share-screen-video {
+  height: 100%;
+  width: 100%;
+  z-index: 0;
+}
+
+.content-box {
+  height: calc(100% - 232px);
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.grid .item {
+  display: flex;
+}
+
+.grid {
+  height: calc(100% - 16px);
+  border-radius: 4px;
+  padding: 8px;
+}
+
+.grid-side-bar {
+  width: 320px;
+  margin: 4px 12px !important;
+  max-height: 90%;
+  overflow: auto;
+}
+
+.side-grid-item {
+  height: 200px;
+  max-height: 200px;
+  border-bottom: 16px solid #000000;
+}
+
+.grid-side-bar .side-grid-item:last-child {
+  border-bottom: unset;
+}
+
+.horizontal-scrollable > .row {
+  overflow-x: auto;
+  white-space: nowrap;
+}
+
+.horizontal-scrollable > .row > .col-xs-4 {
+  display: inline-block;
+  float: none;
+}
+/* Decorations */
+
+.col-xs-4 {
+  color: white;
+  font-size: 24px;
+  padding-bottom: 20px;
+  padding-top: 18px;
+}
+
+.col-xs-4:nth-child(2n+1) {
+  background: green;
+}
+
+.col-xs-4:nth-child(2n+2) {
+  background: black;
+}
+
+@media (max-device-width: 820px) {
+  .meetingParticipantContainer {
+    min-width: 100% !important;
+  }
+}
+
+@media (max-width: 820px) {
+  .meetingParticipantContainer {
+    min-width: 100% !important;
+  }
+}