talksik/clean-force
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

somewhat getting the second carousel but with some problems

Browse Source
This commit is contained in:
talksik
2020-09-07 08:28:18 -07:00
parent 40479472c2
commit d616a9abf8
2 changed files with 9 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/rameelo/landing/landing.js
+3 -25
View File
@@ -313,31 +313,9 @@ function LandingContent(props) {
</span>
<span className="video-slider-container">
<Slider {...videoSliderSettings}>
<span className="video-slide">
<ReactPlayer
controls={true}
url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
/>
</span>
<span className="video-slide">
<ReactPlayer
controls={true}
url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
/>
</span>
<span className="video-slide">
<ReactPlayer
controls={true}
url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
/>
</span>
<span className="video-slide">
<ReactPlayer
controls={true}
url="https://www.youtube.com/watch?v=gOPEpsGJyCs"
/>
</span>
<span className="video-slide"></span>
<span className="video-slide"></span>
<span className="video-slide"></span>
</Slider>
</span>
</div>
src/components/rameelo/landing/landing.scss
+6 -1
View File
@@ -326,7 +326,7 @@ button.slick-arrow::before {
padding: 1.5rem 0;
.join-card {
min-width: 391px;
width: 391px;
min-height: 246px;
background-color: $red;
display: flex;
@@ -370,6 +370,11 @@ button.slick-arrow::before {
padding: 0 1.5em;
.video-slide {
background-image: url('../../../images/rameelo/rameelo_cover_photo.png');
background-position: center;
width: 320px !important;
height: 220px !important;
div {
width: 320px !important;
height: 220px !important;