@naviedu/room-platform-react 0.0.32 → 0.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naviedu/room-platform-react",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "type": "module",
   "main": "./index.esm.js",
   "module": "./index.esm.js",

package/styles.css

@@ -351,20 +351,6 @@
     font-weight: 700;
 }
 
-.room-platform-workspace-overlay {
-    align-items: center;
-    display: flex;
-    height: 100%;
-    justify-content: center;
-    overflow: auto;
-    width: 100%;
-}
-
-.room-platform-workspace-alongside {
-    min-width: 18rem;
-    width: 35%;
-}
-
 .room-platform-sidebar {
     background: var(--room-platform-surface);
     border: 1px solid var(--room-platform-border);
@@ -518,9 +504,16 @@
 .room-platform-participant-row {
     align-items: center;
     display: flex;
-    gap: 0.5rem;
+    gap: 0.75rem;
     justify-content: space-between;
-    padding: 0.625rem;
+    padding: 0.75rem;
+}
+
+.room-platform-participant-identity {
+    align-items: center;
+    display: flex;
+    gap: 0.5rem;
+    min-width: 0;
 }
 
 .room-platform-participant-name,
@@ -529,8 +522,29 @@
 }
 
 .room-platform-participant-name {
-    font-size: 0.875rem;
+    color: var(--room-platform-navy);
+    font-size: 1rem;
     font-weight: 700;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.room-platform-participant-status-dot {
+    border-radius: 9999px;
+    flex: 0 0 auto;
+    height: 0.625rem;
+    width: 0.625rem;
+}
+
+.room-platform-participant-status-dot[data-online='true'] {
+    background: #10b981;
+    box-shadow: 0 0 0 2px #d1fae5;
+}
+
+.room-platform-participant-status-dot[data-online='false'] {
+    background: #cbd5e1;
+    box-shadow: 0 0 0 2px #f1f5f9;
 }
 
 .room-platform-participant-subtitle {
@@ -756,9 +770,4 @@
         flex-direction: column;
         padding: 0.5rem;
     }
-
-    .room-platform-workspace-alongside {
-        min-width: 0;
-        width: 100%;
-    }
 }