Add margin-top to PlayWithUs, style YouTube video iframes

Added a 2rem top margin to the PlayWithUs section to improve spacing. Styled YouTube iframes in VideoAndGalleries with a border radius for better visual appeal. Attached the new class to the VideoContentYoutube component.
Alt-Org · Aug 30, 2024 · 1cb8856 · 1cb8856
1 parent 60df55a
commit 1cb8856
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/...tion/src/preparedPages/MainPage/ui/_components/sections/PlayWithUs/PlayWithUs.module.scss b/...tion/src/preparedPages/MainPage/ui/_components/sections/PlayWithUs/PlayWithUs.module.scss
@@ -114,6 +114,7 @@
   display: flex;
   width: 90%;
   gap:20px;
+  margin-top: 2rem;
 }
 
 .ContentWithNav{

diff --git a/...redPages/MainPage/ui/_components/sections/VideoAndGalleries/VideoAndGalleries.module.scss b/...redPages/MainPage/ui/_components/sections/VideoAndGalleries/VideoAndGalleries.module.scss
@@ -118,3 +118,11 @@
 }
 
 
+.VideoContentYoutube{
+
+
+  iframe {
+    border-radius: var(--border-radius-custom);
+  }
+}
+
diff --git a/...rc/preparedPages/MainPage/ui/_components/sections/VideoAndGalleries/VideoAndGalleries.tsx b/...rc/preparedPages/MainPage/ui/_components/sections/VideoAndGalleries/VideoAndGalleries.tsx
@@ -60,6 +60,9 @@ const VideoAndGalleries = (props: Props) => {
             <Container className={cls.container} fluid={isMobileSize || isTabletSize}>
                 <div className={cls.videoWrapper}>
                     <VideoContentYoutube
+                        params={{
+                            className: cls.VideoContentYoutube
+                        }}
                         src={videoLink}
                     />
                 </div>