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