Remove divider lines across the meeting room interface.
Deploy Ladill Meet / deploy (push) Successful in 1m7s
Deploy Ladill Meet / deploy (push) Successful in 1m7s
Drop header, footer, panel, and tile borders in favor of spacing, shadows, and rounded surfaces for a cleaner borderless layout. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -309,11 +309,11 @@ function meetRoom() {
|
||||
if (!tile) {
|
||||
tile = document.createElement('div');
|
||||
tile.dataset.participantTile = identity;
|
||||
tile.className = 'relative aspect-video w-full overflow-hidden rounded-xl bg-slate-900 ring-1 ring-white/10';
|
||||
tile.className = 'relative aspect-video w-full overflow-hidden rounded-xl bg-slate-900';
|
||||
tile.innerHTML = `
|
||||
<div data-tile-stage class="absolute inset-0 flex items-center justify-center"></div>
|
||||
<div data-tile-avatar class="absolute inset-0 flex flex-col items-center justify-center gap-3 px-4">
|
||||
<div data-tile-avatar-circle class="flex h-20 w-20 items-center justify-center rounded-full text-2xl font-semibold text-white shadow-lg ring-2 ring-white/10"></div>
|
||||
<div data-tile-avatar-circle class="flex h-20 w-20 items-center justify-center rounded-full text-2xl font-semibold text-white shadow-lg"></div>
|
||||
</div>
|
||||
<div class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-black/80 via-black/40 to-transparent px-3 pb-2 pt-8">
|
||||
<span data-tile-name class="truncate text-xs font-medium text-white"></span>
|
||||
|
||||
Reference in New Issue
Block a user