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

main nav bars integrated in library

Browse source
This commit is contained in:
nklhrstv 2020-02-25 17:02:11 +02:00
parent 00ab440279
commit 7aac067114
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/Library/Library.js
View file

@ -1,7 +1,7 @@
const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const { Button, Multiselect, MainNavBar, MetaItem, useProfile } = require('stremio/common');
const { Button, Multiselect, MainNavBars, MetaItem, useProfile } = require('stremio/common');
const useLibrary = require('./useLibrary');
const useSelectableInputs = require('./useSelectableInputs');
const useItemOptions = require('./useItemOptions');
@ -13,8 +13,7 @@ const Library = ({ urlParams }) => {
const [typeSelect, sortPropSelect] = useSelectableInputs(library);
const [options, optionOnSelect] = useItemOptions();
return (
<div className={styles['library-container']}>
<MainNavBar className={styles['nav-bar']} route={'library'} />
<MainNavBars className={styles['library-container']} route={'library'}>
<div className={styles['library-content']}>
{
profile.auth !== null && library.type_names.length > 0 ?
@ -62,7 +61,7 @@ const Library = ({ urlParams }) => {
</div>
}
</div>
</div>
</MainNavBars>
);
};

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

@ -5,20 +5,13 @@
}
.library-container {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
background-color: var(--color-background);
.nav-bar {
flex: none;
align-self: stretch;
}
.library-content {
flex: 1;
align-self: stretch;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;