vhaudiquet/leaguerecorder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

tauri-app: fix video control bar

Browse Source
This commit is contained in:
Valentin Haudiquet
2026-05-17 14:52:04 +02:00
parent 5f967f0393
commit 36e1031bb1
1 changed files with 185 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
tauri-app/src/components/GameReview.vue
View File

@@ -524,6 +524,7 @@ onUnmounted(() => {
<div class="review-content">
<!-- Video Section -->
<div class="video-section with-sidebar">
<div class="video-wrapper">
<!-- Video Player -->
<div class="video-container">
<div v-if="videoError" class="video-error">
@@ -714,6 +715,7 @@ onUnmounted(() => {
</div>
</div>
</div>
</div>
<!-- Export message -->
<div v-if="exportMessage" class="export-message" :class="{ error: exportMessage.includes('failed') }">
@@ -974,16 +976,21 @@ onUnmounted(() => {
max-width: calc(100% - 350px);
}
.video-wrapper {
width: min(100%, calc(75vh * 16 / 9));
max-height: calc(75vh + 120px);
display: flex;
flex-direction: column;
}
.video-container {
position: relative;
background: #000;
aspect-ratio: 16/9;
max-height: 75vh;
width: min(100%, calc(75vh * 16 / 9));
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.video-player {