mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-18 21:12:13 +00:00
refactor: navmenu margin
This commit is contained in:
parent
c27f0a3013
commit
64844e7aa2
2 changed files with 11 additions and 0 deletions
|
|
@ -7,6 +7,7 @@ const { useRouteFocused } = require('stremio-router');
|
|||
const Popup = require('stremio/common/Popup');
|
||||
const useBinaryState = require('stremio/common/useBinaryState');
|
||||
const NavMenuContent = require('./NavMenuContent');
|
||||
const styles = require('./styles.less');
|
||||
|
||||
const NavMenu = (props) => {
|
||||
const routeFocused = useRouteFocused();
|
||||
|
|
@ -42,6 +43,7 @@ const NavMenu = (props) => {
|
|||
onCloseRequest={closeMenu}
|
||||
renderLabel={renderLabel}
|
||||
renderMenu={renderMenu}
|
||||
className={styles['nav-menu-popup-label']}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -3,6 +3,15 @@
|
|||
@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
|
||||
@import (reference) '~stremio/common/screen-sizes.less';
|
||||
|
||||
:import('~stremio/common/Popup/styles.less') {
|
||||
popup-menu-container: menu-container;
|
||||
}
|
||||
|
||||
.nav-menu-popup-label {
|
||||
.popup-menu-container {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
.nav-menu-container {
|
||||
width: 22rem;
|
||||
max-height: calc(100vh - var(--horizontal-nav-bar-size));
|
||||
|
|
|
|||
Loading…
Reference in a new issue