Improved aside styles

This commit is contained in:
Alejandro Celaya 2018-07-20 22:20:58 +02:00
parent 168b24344e
commit f0c20a2d1a
2 changed files with 41 additions and 41 deletions

View file

@ -6,9 +6,7 @@ import { NavLink } from 'react-router-dom';
import DeleteServerButton from '../servers/DeleteServerButton';
import './AsideMenu.scss';
export default class AsideMenu extends React.Component {
render() {
const { selectedServer, history } = this.props;
export default function AsideMenu({ selectedServer, history }) {
const serverId = selectedServer ? selectedServer.id : '';
const isListShortUrlsActive = (match, { pathname }) => {
// FIXME. Should use the 'match' params, but they are not being properly resolved. Investigate
@ -36,7 +34,7 @@ export default class AsideMenu extends React.Component {
<FontAwesomeIcon icon={createIcon} />
<span className="aside-menu__item-text">Create short code</span>
</NavLink>
<span className="aside-menu__item--divider" />
<DeleteServerButton
className="aside-menu__item aside-menu__item--danger"
history={history}
@ -45,5 +43,4 @@ export default class AsideMenu extends React.Component {
</nav>
</aside>
);
}
}

View file

@ -8,7 +8,7 @@
left: 0;
z-index: 1000;
display: block;
padding: 20px;
padding: 30px 20px 20px;
overflow-x: hidden;
overflow-y: auto;
background-color: #f7f7f7;
@ -16,7 +16,9 @@
}
.aside-menu__nav {
margin-top: 10px;
@media(min-width: $smMin) {
height: 100%;
}
}
.aside-menu__item {
@ -46,6 +48,7 @@
.aside-menu__item--danger {
color: $dangerColor;
margin: 0;
margin-top: auto;
@include border-radius(4px);
}
.aside-menu__item--danger:hover {