mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
fix(videos): anchor dashboard screenshots to left side for square videos
This commit is contained in:
@@ -24,11 +24,13 @@ export const PrivacyBeatScene: React.FC = () => {
|
|||||||
<Img
|
<Img
|
||||||
src={staticFile("screenshots/dashboard.png")}
|
src={staticFile("screenshots/dashboard.png")}
|
||||||
style={{
|
style={{
|
||||||
width: "100%",
|
width: "180%",
|
||||||
height: "100%",
|
height: "100%",
|
||||||
objectFit: "cover",
|
objectFit: "cover",
|
||||||
|
objectPosition: "left top",
|
||||||
opacity: 0.12,
|
opacity: 0.12,
|
||||||
transform: `scale(${bgScale})`,
|
transform: `scale(${bgScale})`,
|
||||||
|
transformOrigin: "left center",
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</AbsoluteFill>
|
</AbsoluteFill>
|
||||||
|
|||||||
@@ -31,10 +31,12 @@ export const ToolGridRevealScene: React.FC = () => {
|
|||||||
<Img
|
<Img
|
||||||
src={staticFile("screenshots/dashboard.png")}
|
src={staticFile("screenshots/dashboard.png")}
|
||||||
style={{
|
style={{
|
||||||
width: "100%",
|
width: "180%",
|
||||||
height: "100%",
|
height: "100%",
|
||||||
objectFit: "cover",
|
objectFit: "cover",
|
||||||
|
objectPosition: "left top",
|
||||||
transform: `scale(${scale})`,
|
transform: `scale(${scale})`,
|
||||||
|
transformOrigin: "left center",
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user