use contain during countdown so actual image window is shown in preview.

photobooth-app · Apr 21, 2024 · ef1949c · ef1949c
1 parent deefa24
commit ef1949c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/css/app.scss b/src/css/app.scss
@@ -21,6 +21,9 @@ body {
   background-repeat: no-repeat;
   background-position: center center;
 }
+#preview-stream.countdowncounting {
+  background-size: contain;
+}
 
 .action-button {
   font-size: 1.6rem;

diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
@@ -8,6 +8,7 @@
         id="preview-stream"
         style="background-image: url('/api/aquisition/stream.mjpg')"
         class="full-width column justify-center content-center"
+        :class="{ countdowncounting: showCountdownCounting }"
       ></div>
     </div>