Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

MainNavBars used in discover

Browse source
This commit is contained in:
nklhrstv 2020-02-25 17:00:14 +02:00
parent 3beff4761d
commit 00ab440279
2 changed files with 5 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/routes/Discover/Discover.js
View file

@ -2,7 +2,7 @@ const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const Icon = require('stremio-icons/dom');
const { AddonDetailsModal, Button, MainNavBar, MetaItem, MetaPreview, Multiselect, ModalDialog, PaginationInput, useBinaryState } = require('stremio/common');
const { AddonDetailsModal, Button, MainNavBars, MetaItem, MetaPreview, Multiselect, ModalDialog, PaginationInput, useBinaryState } = require('stremio/common');
const { useServices } = require('stremio/services');
const useDiscover = require('./useDiscover');
const useSelectableInputs = require('./useSelectableInputs');
@ -48,8 +48,7 @@ const Discover = ({ urlParams, queryParams }) => {
closeInputsModal();
}, [urlParams, queryParams]);
return (
<div className={styles['discover-container']}>
<MainNavBar className={styles['nav-bar']} route={'discover'} />
<MainNavBars className={styles['discover-container']} route={'discover'}>
<div className={styles['discover-content']}>
<div className={styles['selectable-inputs-container']}>
{selectInputs.map(({ title, options, selected, renderLabelText, onSelect }, index) => (
@ -178,7 +177,7 @@ const Discover = ({ urlParams, queryParams }) => {
:
null
}
</div>
</MainNavBars>
);
};

11
src/routes/Discover/styles.less
View file

@ -12,20 +12,13 @@
}
.discover-container {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
background-color: var(--color-background);
.nav-bar {
flex: none;
align-self: stretch;
}
.discover-content {
flex: 1;
align-self: stretch;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr 28rem;
grid-template-rows: auto auto 1fr;