Fixed title size in mobile devices

This commit is contained in:
Alejandro Celaya 2018-08-15 10:16:53 +02:00
parent cb3186395d
commit 707c097ed9
2 changed files with 10 additions and 2 deletions

View file

@ -7,6 +7,7 @@ import DeleteServerButton from '../servers/DeleteServerButton';
import './AsideMenu.scss'; import './AsideMenu.scss';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { serverType } from '../servers/prop-types'; import { serverType } from '../servers/prop-types';
import classnames from 'classnames';
const defaultProps = { const defaultProps = {
className: '', className: '',
@ -20,9 +21,12 @@ const propTypes = {
export default function AsideMenu({ selectedServer, className, showOnMobile }) { export default function AsideMenu({ selectedServer, className, showOnMobile }) {
const serverId = selectedServer ? selectedServer.id : ''; const serverId = selectedServer ? selectedServer.id : '';
const asideClass = classnames('aside-menu', className, {
'aside-menu--hidden': !showOnMobile,
});
return ( return (
<aside className={`aside-menu ${!showOnMobile ? 'aside-menu--hidden' : ''} ${className}`}> <aside className={asideClass}>
<nav className="nav flex-column aside-menu__nav"> <nav className="nav flex-column aside-menu__nav">
<NavLink <NavLink
className="aside-menu__item" className="aside-menu__item"

View file

@ -11,7 +11,11 @@
} }
.home__title { .home__title {
font-size: 36px; font-size: 1.75rem;
@media (min-width: $mdMin) {
font-size: 2.2rem;
}
} }
.home__servers-list { .home__servers-list {