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

frontend: simplify recording detail layout by removing player card wrapper

Browse Source
This commit is contained in:
CSantosM 2026-02-19 17:20:57 +01:00
parent 66e7a8b038
commit b695b5f117
2 changed files with 9 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
meet-ce/frontend/projects/shared-meet-components/src/lib/domains/recordings/pages/recording-detail/recording-detail.component.html
View File

@ -234,25 +234,15 @@
</mat-card>
<!-- RIGHT — video player ────────────────────────────────── -->
<mat-card class="player-card">
<mat-card-header>
<mat-card-title>
<mat-icon class="card-title-icon">play_circle</mat-icon>
Preview
</mat-card-title>
</mat-card-header>
<mat-card-content class="player-content">
<ov-recording-video-player
[recordingUrl]="recordingUrl()"
[recordingStatus]="recording()!.status"
[showDownload]="RecordingUiUtils.isComplete(this.recording()?.status)"
[showShare]="RecordingUiUtils.isComplete(this.recording()?.status)"
(videoError)="onVideoError()"
(download)="downloadRecording()"
(share)="shareRecording()"
/>
</mat-card-content>
</mat-card>
<ov-recording-video-player
[recordingUrl]="recordingUrl()"
[recordingStatus]="recording()!.status"
[showDownload]="RecordingUiUtils.isComplete(this.recording()?.status)"
[showShare]="RecordingUiUtils.isComplete(this.recording()?.status)"
(videoError)="onVideoError()"
(download)="downloadRecording()"
(share)="shareRecording()"
/>
</div>
</div>
}

27
meet-ce/frontend/projects/shared-meet-components/src/lib/domains/recordings/pages/recording-detail/recording-detail.component.scss
View File

@ -417,31 +417,4 @@
}
}
}
// ---- Player Card ----
.player-card {
@include ov-card;
mat-card-header {
padding-bottom: var(--ov-meet-spacing-sm);
mat-card-title {
display: flex;
align-items: center;
gap: var(--ov-meet-spacing-xs);
font-size: var(--ov-meet-font-size-md);
font-weight: var(--ov-meet-font-weight-semibold);
color: var(--ov-meet-text-primary);
.card-title-icon {
@include ov-icon(md);
color: var(--ov-meet-color-primary);
}
}
}
.player-content {
padding: 0;
}
}
}