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

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

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

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