WJ-35 - Fix: Horizontal scroll;

90lucasgabriel · Aug 31, 2020 · b2ce267 · b2ce267
1 parent 50655e3
commit b2ce267
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/containers/MovieList/styles.ts b/src/containers/MovieList/styles.ts
@@ -32,7 +32,6 @@ export const ListContainer = styled.div`
 
 export const ListContent = styled.div`
   display: inline-flex;
-  overflow: hidden;
   margin-left: ${Size.Medium};
 
   & > div {

diff --git a/src/screens/Home/index.tsx b/src/screens/Home/index.tsx
@@ -7,7 +7,7 @@ import { ColumnLayout } from 'components/Layout';
 import Header from 'containers/Header';
 import MovieList from 'containers/MovieList';
 import Footer from 'containers/Footer';
-import { HeaderBackground } from './styles';
+import { HeaderBackground, ContentContainer } from './styles';
 
 const Home: React.FC = () => {
   const [popularList, setPopularList] = useState([] as MovieResponse[]);
@@ -21,8 +21,10 @@ const Home: React.FC = () => {
   return (
     <ColumnLayout>
       <Header />
-      <MovieList theme="light" title="Populares" data={popularList} />
-      <MovieList theme="light" title="Lançamentos" data={nowPlayingList} />
+      <ContentContainer>
+        <MovieList theme="light" title="Populares" data={popularList} />
+        <MovieList theme="light" title="Lançamentos" data={nowPlayingList} />
+      </ContentContainer>
       <Footer />
       <HeaderBackground />
     </ColumnLayout>

diff --git a/src/screens/Home/styles.ts b/src/screens/Home/styles.ts
@@ -11,3 +11,7 @@ export const HeaderBackground = styled.div`
   height: 376px;
   background: ${Color.Primary};
 `;
+
+export const ContentContainer = styled.div`
+  flex: 1;
+`;