Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-19 22:57:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

nav menu label styles updated

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-19 08:43:17 +03:00
parent bab7b9a239
commit afb6e688ee
4 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/common/NavBar/NavBar.js
View file

@ -49,7 +49,7 @@ const NavBar = React.memo(({ className, backButton = false, tabs = [], title = '
}
{
navMenu ?
<NavMenu className={styles['nav-menu']} />
<NavMenu className={styles['nav-menu-label']} />
:
null
}

2
src/common/NavBar/NavMenu/NavMenu.js
View file

@ -16,7 +16,7 @@ const NavMenu = ({ className, email = '', avatar = '', logout }) => {
open={menuOpen}
onCloseRequest={closeMenu}
renderLabel={(ref) => (
<Button ref={ref} className={classnames(className, styles['nav-menu-button'], { 'active': menuOpen })} tabIndex={-1} onClick={toggleMenu}>
<Button ref={ref} className={classnames(className, styles['nav-menu-label'], { 'active': menuOpen })} tabIndex={-1} onClick={toggleMenu}>
<Icon className={styles['icon']} icon={'ic_more'} />
</Button>
)}

6
src/common/NavBar/NavMenu/styles.less
View file

@ -1,4 +1,4 @@
.nav-menu-button {
.nav-menu-label {
display: flex;
flex-direction: row;
justify-content: center;
@ -14,8 +14,8 @@
}
.icon {
width: 50%;
height: 50%;
width: 1.6rem;
height: 1.6rem;
fill: var(--color-surfacelighter);
}
}

2
src/common/NavBar/styles.less
View file

@ -42,7 +42,7 @@
}
}
.nav-menu {
.nav-menu-label {
flex: none;
width: 3.2rem;
height: 3.2rem;