forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-02 13:51:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved NoMenuLayout, using a container-xl style

Browse Source
This commit is contained in:
Alejandro Celaya
2020-12-12 12:04:20 +01:00
parent 4d969b994e
commit 526fa14dce
5 changed files with 45 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/utils/Message.tsx
View File

@@ -26,14 +26,21 @@ const getTextClassForType = (type: MessageType) => {
interface MessageProps {
noMargin?: boolean;
loading?: boolean;
fullWidth?: boolean;
type?: MessageType;
}
const Message: FC<MessageProps> = ({ children, loading = false, noMargin = false, type = 'default' }) => {
const Message: FC<MessageProps> = (
{ children, loading = false, noMargin = false, type = 'default', fullWidth = false },
) => {
const cardClasses = classNames(getClassForType(type), { 'mt-4': !noMargin });
const classes = classNames({
'col-md-12': fullWidth,
'col-md-10 offset-md-1': !fullWidth,
});
return (
<div className="col-md-10 offset-md-1">
<div className={classes}>
<Card className={cardClasses} body>
<h3 className={classNames('text-center mb-0', getTextClassForType(type))}>
{loading && <FontAwesomeIcon icon={preloader} spin />}