style the video item, title decoration, colors

This commit is contained in:
Ahmed-Ayman 2018-12-11 13:30:28 +02:00
parent 2bb636cb79
commit 935c6d210c
3 changed files with 13 additions and 8 deletions

View File

@ -10,8 +10,8 @@ class RandomDate extends React.Component {
<section>
<SectionHeading title="Random Date"/>
<Grid
width={450}
gap={24}>
width={220}
gap={12}>
<VideoItem/>
<VideoItem/>
<VideoItem/>

View File

@ -16,7 +16,7 @@ class RandomTopic extends React.Component {
this.props.topicName + ' (' +this.props.topicCount + ')'}/>
<Grid className="random-topics"
width={220}
gap={16}>
gap={12}>
{this.props.videos.map(video =>
<VideoItem id={video.id} key={video.id} title={video.title }/>
)}

View File

@ -5,15 +5,17 @@
/* Video item*/
.video-item {
background: #f6f6f6;
min-height: 400px;
min-height: 440px;
padding: 1em;
}
.random-topics {
a{
text-decoration: none;
font-size: 14px;
color: black;
}
}
.video-thumbnail {
transition: all .4s ease-in-out;
@ -28,3 +30,6 @@ a {
overflow: hidden;
}
.video-title{
padding-top: 1em;
}