Use a more noticeable shadow when displaying one tile on top another

So that the local tile in 1:1 calls is more discernable against the background, especially when both participants have their video off
2023-05-12 14:04:23 -04:00
parent 8dd58d7e5c
commit 440c617738
5 changed files with 19 additions and 5 deletions
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -22,6 +22,8 @@ limitations under the License.
  height: var(--tileHeight);
  --tileRadius: 8px;
  border-radius: var(--tileRadius);
+  box-shadow: rgba(0, 0, 0, 0.5) 0px var(--tileShadow)
+    calc(2 * var(--tileShadow)) var(--tileShadowSpread);
  overflow: hidden;
  cursor: pointer;