ignore aspect ration on apple help video

filipslezaklab · filipslezaklab · commit f309aeb4d463 · 2025-10-13T09:50:10.000+02:00
diff --git a/web/src/shared/components/AppleHelpModal/AppleHelpModal.tsx b/web/src/shared/components/AppleHelpModal/AppleHelpModal.tsx
@@ -22,7 +22,7 @@ export const AppleHelpModal = ({ isOpen, onClose }: Props) => {
     >
       <p>{m.client_download_apple_help_content_1()}</p>
       <SizedBox height={ThemeSpacing.Xl} />
-      <video autoPlay loop playsInline preload="auto">
+      <video loop playsInline controls autoPlay preload="auto">
         <source src={`${apple_video_src}#t=0.1`} type="video/mp4" />
       </video>
       <SizedBox height={ThemeSpacing.Xl} />
diff --git a/web/src/shared/components/AppleHelpModal/style.scss b/web/src/shared/components/AppleHelpModal/style.scss
@@ -1,9 +1,9 @@
 #apple-hardware-help .modal-content {
   video {
-    aspect-ratio: 16 / 9;
+    aspect-ratio: auto;
+    object-fit: cover;
     width: 100%;
     height: auto;
-    object-fit: cover;
   }
 
   p {
diff --git a/web/src/shared/defguard-ui b/web/src/shared/defguard-ui
@@ -1 +1 @@
-Subproject commit 8d027463588b5bb02fe80f82d53eb4b7034a795a
+Subproject commit e15d8f017742d5a224cd9a32ded8c450926f3125

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ export const AppleHelpModal = ({ isOpen, onClose }: Props) => {`
`22`	`22`	`>`
`23`	`23`	`<p>{m.client_download_apple_help_content_1()}</p>`
`24`	`24`	`<SizedBox height={ThemeSpacing.Xl} />`
`25`		`- <video autoPlay loop playsInline preload="auto">`
	`25`	`+ <video loop playsInline controls autoPlay preload="auto">`
`26`	`26`	<source src={`${apple_video_src}#t=0.1`} type="video/mp4" />
`27`	`27`	`</video>`
`28`	`28`	`<SizedBox height={ThemeSpacing.Xl} />`