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

Fix Meet room tile layout and show account avatars when camera is off.
Deploy Ladill Meet / deploy (push) Successful in 50s
Details

Browse Source 
Move the participant name strip below the speaker area instead of overlaying it, and use Ladill profile photos on no-video tiles before falling back to initials.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-07-01 22:42:49 +00:00
co-authored by Cursor
parent aed7094fed
commit 0a8cd2b4f9
3 changed files with 123 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+32 -9
View File
@@ -59,16 +59,46 @@ html.meet-room-page {
}
.meet-room-page .meet-stage--plenary .meet-stage-spotlight {
flex: 1 1 auto;
min-height: min(70vh, 100%);
flex: 1 1 0;
min-height: 0;
display: flex;
flex-direction: column;
}
.meet-room-page .meet-stage--plenary .meet-stage-spotlight-tile {
height: 100%;
width: 100%;
max-height: 100%;
aspect-ratio: auto;
}
.meet-room-page [data-participant-tile] {
display: flex;
flex-direction: column;
min-height: 0;
}
.meet-room-page [data-tile-body] {
position: relative;
min-height: 0;
flex: 1 1 0;
}
.meet-room-page [data-tile-footer] {
flex-shrink: 0;
}
.meet-room-page .meet-audience-strip {
display: flex;
align-items: center;
flex-shrink: 0;
align-self: stretch;
min-height: 2.75rem;
margin-top: 0.25rem;
padding: 0.5rem 0 0.25rem;
border-top: 1px solid rgb(30 41 59 / 0.8);
}
.meet-room-page .meet-stage--panel #meet-stage-spotlight,
.meet-room-page .meet-stage--panel #meet-audience-strip {
display: none;
@@ -87,13 +117,6 @@ html.meet-room-page {
min-height: 12rem;
}
.meet-room-page .meet-audience-strip {
display: flex;
align-items: center;
min-height: 2.75rem;
padding: 0.25rem 0;
}
.meet-room-page .meet-audience-avatar {
position: relative;
display: flex;