neoris/openvidu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: improve layout and spacing for recordings page components

Browse Source
This commit is contained in:
Carlos Santos 2025-07-23 16:41:06 +02:00
parent bf8cb4ba5f
commit 10b3531cf3
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/projects/shared-meet-components/src/lib/pages/room-recordings/room-recordings.component.scss
View File

@ -1,13 +1,17 @@
@import '../../../../../../src/assets/styles/design-tokens'; @import '../../../../../../src/assets/styles/design-tokens';
// === ROOM RECORDINGS PAGE LAYOUT === .ov-page-container {
height: 100vh;
overflow: auto;
}
.recordings-page-header { .recordings-page-header {
@include ov-container; @include ov-container;
@include ov-page-content; @include ov-page-content;
gap: 0;
padding-bottom: 0;
padding-top: var(--ov-meet-spacing-xxl); padding-top: var(--ov-meet-spacing-xxl);
background: var(--ov-meet-background-color); background: var(--ov-meet-background-color);
gap: var(--ov-meet-spacing-xxl);
} }
// Room Header // Room Header
@ -45,10 +49,10 @@
@include ov-container; @include ov-container;
@include ov-page-content; @include ov-page-content;
margin-top: var(--ov-meet-spacing-xl); margin-top: var(--ov-meet-spacing-xl);
flex: 1;
padding-bottom: var(--ov-meet-spacing-xl); // Add bottom padding for better UX
} }
// === LOADING STATE ===
.recordings-loading-container { .recordings-loading-container {
@include ov-container; @include ov-container;
@include ov-flex-center; @include ov-flex-center;
@ -128,6 +132,10 @@
padding: var(--ov-meet-spacing-md); padding: var(--ov-meet-spacing-md);
} }
.recordings-content {
margin-top: var(--ov-meet-spacing-md);
}
.loading-card { .loading-card {
padding: var(--ov-meet-spacing-lg); padding: var(--ov-meet-spacing-lg);