Set a proper height and width (#116)

SaraVieira · Jan 28, 2019 · f1a2ee0 · f1a2ee0
1 parent b451dc6
commit f1a2ee0
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/Pages/Tags.js b/src/Pages/Tags.js
@@ -91,6 +91,11 @@ const ProgressUnit = ({ enabled }) => {
     return <Progress enabled={enabled} />
 }
 
+const VideoWrapper = styled.div`
+    height: 180px;
+    width: 240px;
+`
+
 const Tags = ({ data: { searchTags } }) => (
     <Grid>
         <TagsMeta />
@@ -127,19 +132,15 @@ const Tags = ({ data: { searchTags } }) => (
                                             >
                                                 {t.videos.map(video => {
                                                     return (
-                                                        <div
+                                                        <VideoWrapper
                                                             key={video.id}
-                                                            css={`
-                                                                height: 180px;
-                                                                width: 240px;
-                                                            `}
                                                         >
                                                             <Video
                                                                 {...video}
                                                                 Player={Player}
                                                                 noText
                                                             />
-                                                        </div>
+                                                        </VideoWrapper>
                                                     )
                                                 })}
                                             </Carousel>