[mirotalk] - responsive badge, update dep

2025-11-27 15:57:06 +01:00
parent f138091d29
commit 99e05d6109
10 changed files with 58 additions and 22 deletions
@@ -336,19 +336,44 @@ body {
    position: absolute;
    top: 2px;
    right: 2px;
-    min-width: 18px;
-    height: 18px;
+    min-width: 16px;
+    height: 16px;
    background: #e74c3c;
    color: #fff;
-    border-radius: 9px;
-    font-size: 12px;
+    border-radius: 8px;
+    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
-    padding: 0 5px;
+    padding: 0 0.4em;
    pointer-events: none;
    z-index: 2;
    display: none;
+    box-sizing: border-box;
+    transition:
+        font-size 0.2s,
+        min-width 0.2s,
+        height 0.2s;
+}
+
+@media (max-width: 600px) {
+    #participantsCountBadge {
+        font-size: 12px;
+        min-width: 15px;
+        height: 15px;
+        top: 1px;
+        right: 1px;
+    }
+}
+
+@media (max-width: 400px) {
+    #participantsCountBadge {
+        font-size: 13px;
+        min-width: 14px;
+        height: 14px;
+        top: 0px;
+        right: 0px;
+    }
 }

 /*--------------------------------------------------------------