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

frontend: refine layout and spacing in room details component for improved visual consistency

Browse Source
This commit is contained in:
Carlos Santos 2025-12-23 11:25:54 +01:00
parent 76ea36cf69
commit 0ca445a89b
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/room-details/room-details.component.scss
View File

@ -10,7 +10,6 @@
display: flex;
align-items: flex-start;
gap: var(--ov-meet-spacing-sm);
// margin-bottom: var(--ov-meet-spacing-xl);
.step-icon {
@include design-tokens.ov-icon(xl);
@ -39,14 +38,13 @@
}
.step-content {
// margin-bottom: var(--ov-meet-spacing-xl);
.room-details-form {
@include design-tokens.ov-grid-responsive(280px);
gap: var(--ov-meet-spacing-lg);
.form-field {
width: 100%;
margin: 8px 0px;
// Material form field customization using existing system
::ng-deep {
@ -90,14 +88,15 @@
// Time selection styling
.time-selection-container {
margin: 8px 0px;
.time-selection-row {
display: flex;
align-items: center;
gap: var(--ov-meet-spacing-sm);
text-align: center;
.time-field {
flex: 1;
max-width: 120px;
}
.time-separator {
@ -154,12 +153,12 @@
}
.time-hint {
display: flex;
align-items: center;
gap: var(--ov-meet-spacing-xs);
background-color: var(--ov-meet-surface-accent);
border-radius: var(--ov-meet-radius-sm);
border-left: 3px solid var(--ov-meet-primary);
text-align: center;
.hint-icon {
@include design-tokens.ov-icon(sm);