diff --git a/src/routes/Discover/Discover.js b/src/routes/Discover/Discover.js index fcd4229de..347b0e85b 100644 --- a/src/routes/Discover/Discover.js +++ b/src/routes/Discover/Discover.js @@ -2,7 +2,7 @@ const React = require('react'); const classnames = require('classnames'); const { Input } = require('stremio-navigation'); const Icon = require('stremio-icons/dom'); -const { MainNavBar, MetaItem, Popup, useBinaryState } = require('stremio-common'); +const { MainNavBar, MetaItem, MetaPreview, Popup, useBinaryState } = require('stremio-common'); const useCatalog = require('./useCatalog'); const styles = require('./styles'); @@ -101,8 +101,28 @@ const Discover = ({ urlParams }) => { ))} -
-
+ : null diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less index 3f3ec03ef..c1e7af0ff 100644 --- a/src/routes/Discover/styles.less +++ b/src/routes/Discover/styles.less @@ -1,16 +1,6 @@ .discover-container, .menu-layer { font-size: 14px; --items-per-row: 10; - - .discover-content { - .meta-items-container { - .meta-item-container { - &:nth-child(-n+10) { - padding-top: 0; - } - } - } - } } .discover-container { @@ -32,8 +22,8 @@ grid-template-columns: 1fr 24em; grid-template-rows: 4.6em 1fr; grid-template-areas: - "picker-area info-area" - "meta-items-area info-area"; + "picker-area meta-preview-area" + "meta-items-area meta-preview-area"; overflow: hidden; .pickers-container { @@ -129,8 +119,9 @@ } } - .info-container { - grid-area: info-area; + .meta-preview-container { + grid-area: meta-preview-area; + font-size: 1.2em; } } }