zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2025-12-20 06:05:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve modal styling

Browse Source
This commit is contained in:
John Furrow
2016-02-19 22:18:18 -08:00
parent d20440be74
commit dcaa1d96f2
9 changed files with 114 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/source/scripts/components/modals/Modal.js
View File

@@ -42,6 +42,9 @@ export default class Modal extends React.Component {
let footer = null;
let contentClasses = classnames('modal__content__wrapper',
`modal--align-${this.props.alignment}`);
let headerClasses = classnames('modal__header', {
'has-tabs': this.props.tabs
});
let tabs = null;
if (this.props.tabs) {
@@ -60,12 +63,14 @@ export default class Modal extends React.Component {
return (
<div className={contentClasses} onClick={this.handleMenuWrapperClick}>
<div className="modal__header">
<div className={headerClasses}>
{this.props.heading}
{tabs}
</div>
<div className="modal__content">
{content}
<div className="modal__body">
{content}
</div>
{footer}
</div>
</div>