frontend: adjust step content card styles for improved layout and add height property to recordings header for better UX

This commit is contained in:
Carlos Santos 2025-12-23 11:40:27 +01:00
parent 320135dd39
commit 6a9bd2be95
2 changed files with 5 additions and 5 deletions

View File

@ -58,17 +58,17 @@
// Step content card
.step-content {
@include design-tokens.ov-section-card;
width: 100%;
max-width: 700px;
height: -webkit-fill-available;
height: -moz-available;
height: fill-available;
height: -moz-available;
height: fill-available;
max-height: 100%;
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
@include design-tokens.ov-section-card;
// Inner content should be centered vertically when small
> :first-child {

View File

@ -12,6 +12,7 @@
padding-bottom: 0;
padding-top: var(--ov-meet-spacing-xxl);
background: var(--ov-meet-background-color);
height: fit-content;
}
// Room Header
@ -48,9 +49,8 @@
.recordings-content {
@include design-tokens.ov-container;
@include design-tokens.ov-page-content;
margin-top: var(--ov-meet-spacing-xl);
flex: 1;
padding-bottom: var(--ov-meet-spacing-xl); // Add bottom padding for better UX
padding-bottom: var(--ov-meet-spacing-xl);
}
.recordings-loading-container {