Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-29 03:13:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

using more semantic elements

Browse source
This commit is contained in:
NikolaBorislavovHristov 2018-06-15 15:51:16 +03:00
parent 418e1d58c7
commit 2efd7d0f18
3 changed files with 7 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app/app.js
View file

@ -6,15 +6,15 @@ import styles from './styles';
class App extends PureComponent { class App extends PureComponent {
render() { render() {
return ( return (
<BrowserRouter> <div className={styles['app']}>
<div className={styles['app']}> <BrowserRouter>
<Switch> <Switch>
<Route path={'/(discover|library|calendar)?'} exact={true} component={Main} /> <Route path={'/(discover|library|calendar)?'} exact={true} component={Main} />
<Route path={'/addons'} component={Addons} /> <Route path={'/addons'} component={Addons} />
<Redirect to={'/'} /> <Redirect to={'/'} />
</Switch> </Switch>
</div> </BrowserRouter>
</BrowserRouter> </div>
); );
} }
} }

2
src/app/styles.less
View file

@ -87,13 +87,13 @@
user-select: none; user-select: none;
box-sizing: border-box; box-sizing: border-box;
text-decoration: none; text-decoration: none;
font-weight: normal;
} }
html, body, .app { html, body, .app {
height: 100vh; height: 100vh;
min-width: 1024px; min-width: 1024px;
position: relative; position: relative;
cursor: default;
overflow: hidden; overflow: hidden;
background-color: @colorbgmain; background-color: @colorbgmain;
font: 13px / 18px 'Open Sans', 'LatoLight', 'Arial', 'Helvetica', 'sans-serif'; font: 13px / 18px 'Open Sans', 'LatoLight', 'Arial', 'Helvetica', 'sans-serif';

7
src/common/NavBar/NavTab/NavTab.js
View file

@ -6,11 +6,8 @@ import styles from './styles';
const NavTab = ({ to, exact, replace, icon, label }) => ( const NavTab = ({ to, exact, replace, icon, label }) => (
<NavLink className={styles['nav-tab']} activeClassName={styles['active']} to={to} exact={exact} replace={replace}> <NavLink className={styles['nav-tab']} activeClassName={styles['active']} to={to} exact={exact} replace={replace}>
<Icon <Icon className={styles['nav-tab-icon']} icon={icon} />
className={styles['nav-tab-icon']} <h2 className={styles['nav-tab-label']}>{label}</h2>
icon={icon}
/>
<span className={styles['nav-tab-label']}>{label}</span>
</NavLink> </NavLink>
); );