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;
}
}
}