diff --git a/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx b/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx index e4dd24c27a..fa388750f9 100644 --- a/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx +++ b/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx @@ -38,7 +38,10 @@ export default function VideoQuickTrim({ } return (
- +
+ +
PLAY
+
diff --git a/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss b/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss index fadd9aee28..02f14ea8d0 100644 --- a/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss +++ b/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss @@ -1,4 +1,13 @@ .fy-video-quicktrim { + .video-wrapper{ + position: relative; + } + .playpause-overlay{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } .playbar{ position:relative; height: 2rem; diff --git a/packages/fakeyou.com/src/v2/view/pages/components_library/sandbox.tsx b/packages/fakeyou.com/src/v2/view/pages/components_library/sandbox.tsx index 0cf81e96c4..208f14bd55 100644 --- a/packages/fakeyou.com/src/v2/view/pages/components_library/sandbox.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/components_library/sandbox.tsx @@ -17,5 +17,12 @@ export default function ComponentSandbox( onChange={onChange} mediaToken='m_wdptbe5rfzpb1gzhva78gpw8qrkgs9' /> +
+
+ + ); } \ No newline at end of file