gkucmierz/tools-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mirror background canvas for front camera in fullscreen mode

Browse Source
This commit is contained in:
Grzegorz Kucmierz
2026-02-28 18:07:10 +00:00
parent f3a4c1af05
commit c8b799b078
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/tools/QrScanner.vue
View File

@@ -470,6 +470,7 @@ const isUrl = (string) => {
v-if="isFullscreen" v-if="isFullscreen"
ref="bgCanvas" ref="bgCanvas"
class="camera-bg" class="camera-bg"
:class="{ 'is-mirrored': isMirrored }"
></canvas> ></canvas>
<button v-if="isFullscreen" class="close-fullscreen-btn" @click="toggleFullscreen"> <button v-if="isFullscreen" class="close-fullscreen-btn" @click="toggleFullscreen">
<X size="24" /> <X size="24" />
@@ -638,6 +639,10 @@ const isUrl = (string) => {
z-index: 0; z-index: 0;
} }
.camera-bg.is-mirrored {
transform: scaleX(-1);
}
.camera-feed { .camera-feed {
width: 100%; width: 100%;
height: 100%; height: 100%;