frontend: adjust step content card styles for improved layout and add height property to recordings header for better UX
This commit is contained in:
parent
320135dd39
commit
6a9bd2be95
@ -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 {
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user