isaacclad/ladill-meet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix participant card layout and add meeting video pop-out.
Deploy Ladill Meet / deploy (push) Successful in 56s
Details

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-07-11 16:41:43 +00:00
co-authored by Cursor
parent 86d5b43607
commit aa16b31fe1
3 changed files with 166 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+48 -9
View File
@@ -62,16 +62,28 @@ html.meet-room-page {
margin-left: auto;
}
.meet-room-page .meet-tile-speaking {
box-shadow: 0 0 0 2px rgb(52 211 153 / 0.9);
.meet-room-page [data-participant-tile].meet-tile-speaking::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 0 2px rgb(52 211 153 / 0.9);
pointer-events: none;
z-index: 4;
}
.meet-room-page .meet-stage-spotlight:has(.meet-tile-speaking) {
box-shadow: 0 0 0 2px rgb(52 211 153 / 0.9);
.meet-room-page .meet-stage-spotlight:has(.meet-tile-speaking)::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 0 2px rgb(52 211 153 / 0.9);
pointer-events: none;
z-index: 4;
}
.meet-room-page .meet-stage-spotlight .meet-tile-speaking {
box-shadow: none;
.meet-room-page .meet-stage-spotlight .meet-tile-speaking::after {
display: none;
}
.meet-room-page #meet-stage:not(.meet-stage) #meet-stage-spotlight,
@@ -123,6 +135,7 @@ html.meet-room-page {
}
.meet-room-page [data-participant-tile] {
position: relative;
display: flex;
flex-direction: column;
min-height: 0;
@@ -237,6 +250,22 @@ html.meet-room-page {
position: relative;
min-height: 0;
flex: 1 1 0;
overflow: hidden;
}
.meet-room-page [data-tile-stage] {
overflow: hidden;
}
.meet-room-page [data-tile-stage] video,
.meet-room-page [data-tile-stage] .meet-tile-video {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
object-position: center;
}
.meet-room-page [data-tile-footer] {
@@ -396,12 +425,22 @@ html.meet-room-page {
box-shadow: none;
}
.meet-room-page .meet-space-tile.meet-tile-speaking {
box-shadow: none;
.meet-room-page .meet-space-tile.meet-tile-speaking::after {
display: none;
}
.meet-room-page .meet-space-tile.meet-tile-speaking [data-tile-avatar-circle] {
box-shadow: 0 0 0 2px rgb(56 189 248 / 0.85);
position: relative;
}
.meet-room-page .meet-space-tile.meet-tile-speaking [data-tile-avatar-circle]::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 0 2px rgb(56 189 248 / 0.85);
pointer-events: none;
z-index: 1;
}
.meet-room-page .meet-space-tile--listener [data-tile-avatar-circle] {