Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-08 22:45:45 +01:00
Code Issues Packages Projects Releases Activity

add head color option for modal

Browse Source
This commit is contained in:
Florian Scholdei
2019-09-17 17:47:41 +02:00
parent 1b280156d6
commit 79ef478495
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
scm-ui-components/packages/ui-components/src/modals/Modal.js
View File

@@ -8,12 +8,17 @@ type Props = {
body: any,
footer?: any,
active: boolean,
className?: string
className?: string,
headColor?: string
};
class Modal extends React.Component<Props> {
static defaultProps = {
headColor: "light"
};
render() {
const { title, closeFunction, body, footer, active, className } = this.props;
const { title, closeFunction, body, footer, active, className, headColor } = this.props;
const isActive = active ? "is-active" : null;
@@ -26,7 +31,7 @@ class Modal extends React.Component<Props> {
<div className={classNames("modal", className, isActive)}>
<div className="modal-background" />
<div className="modal-card">
<header className="modal-card-head">
<header className={classNames("modal-card-head", `has-background-${headColor}`)}>
<p className="modal-card-title is-marginless">{title}</p>
<button
className="delete"