diff --git a/src/routes/Search/Search.js b/src/routes/Search/Search.js index 0c0ec388c..8efe60f96 100644 --- a/src/routes/Search/Search.js +++ b/src/routes/Search/Search.js @@ -1,5 +1,6 @@ const React = require('react'); const PropTypes = require('prop-types'); +const classnames = require('classnames'); const Icon = require('stremio-icons/dom'); const { Image, MainNavBars, MetaRow, MetaItem, useDeepEqualMemo } = require('stremio/common'); const useSearch = require('./useSearch'); @@ -51,10 +52,14 @@ const Search = ({ queryParams }) => { const title = `${catalog_resource.origin} - ${catalog_resource.request.path.id} ${catalog_resource.request.path.type_name}`; switch (catalog_resource.content.type) { case 'Ready': { + const posterShape = catalog_resource.content.content.length > 0 ? + catalog_resource.content.content[0].posterShape + : + null; return ( { return ( diff --git a/src/routes/Search/styles.less b/src/routes/Search/styles.less index bfd1746b5..563241173 100644 --- a/src/routes/Search/styles.less +++ b/src/routes/Search/styles.less @@ -97,13 +97,21 @@ @media only screen and (max-width: @large) { .search-container { .search-content { - .search-row { + .search-row-poster, .search-row-square { .meta-item, .meta-item-placeholder { &:nth-child(n+10) { display: none; } } } + + .search-row-landscape { + .meta-item, .meta-item-placeholder { + &:nth-child(n+9) { + display: none; + } + } + } } } } @@ -111,13 +119,21 @@ @media only screen and (max-width: @normal) { .search-container { .search-content { - .search-row { + .search-row-poster, .search-row-square { .meta-item, .meta-item-placeholder { &:nth-child(n+9) { display: none; } } } + + .search-row-landscape { + .meta-item, .meta-item-placeholder { + &:nth-child(n+8) { + display: none; + } + } + } } } } @@ -125,13 +141,21 @@ @media only screen and (max-width: @medium) { .search-container { .search-content { - .search-row { + .search-row-poster, .search-row-square { .meta-item, .meta-item-placeholder { &:nth-child(n+8) { display: none; } } } + + .search-row-landscape { + .meta-item, .meta-item-placeholder { + &:nth-child(n+7) { + display: none; + } + } + } } } } @@ -139,13 +163,21 @@ @media only screen and (max-width: @small) { .search-container { .search-content { - .search-row { + .search-row-poster, .search-row-square { .meta-item, .meta-item-placeholder { &:nth-child(n+7) { display: none; } } } + + .search-row-landscape { + .meta-item, .meta-item-placeholder { + &:nth-child(n+6) { + display: none; + } + } + } } } } @@ -153,13 +185,21 @@ @media only screen and (max-width: @xsmall) { .search-container { .search-content { - .search-row { + .search-row-poster, .search-row-square { .meta-item, .meta-item-placeholder { &:nth-child(n+6) { display: none; } } } + + .search-row-landscape { + .meta-item, .meta-item-placeholder { + &:nth-child(n+5) { + display: none; + } + } + } } } } @@ -167,13 +207,21 @@ @media only screen and (max-width: @minimum) { .search-container { .search-content { - .search-row { + .search-row-poster, .search-row-square { .meta-item, .meta-item-placeholder { &:nth-child(n+5) { display: none; } } } + + .search-row-landscape { + .meta-item, .meta-item-placeholder { + &:nth-child(n+4) { + display: none; + } + } + } } } } \ No newline at end of file