Make modal spinner centered

[MAILPOET-2602]
This commit is contained in:
Pavel Dohnal
2020-02-10 14:09:47 +01:00
committed by Jack Kitterhing
parent fce212ec19
commit 91bce97ab4
3 changed files with 11 additions and 1 deletions

View File

@@ -0,0 +1,7 @@
.mailpoet_spinner_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

View File

@@ -9,5 +9,6 @@
@import '../../../node_modules/codemirror/theme/neo'; @import '../../../node_modules/codemirror/theme/neo';
@import './components/formEditor/components/form_title'; @import './components/formEditor/components/form_title';
@import './components/formEditor/components/sidebar'; @import './components/formEditor/components/sidebar';
@import './components/formEditor/components/preview';
@import './components/formEditor/components/block_editor'; @import './components/formEditor/components/block_editor';
@import './components/formEditor/components/custom_field'; @import './components/formEditor/components/custom_field';

View File

@@ -58,7 +58,9 @@ const FormPreview = () => {
> >
<Preview> <Preview>
{form === null && ( {form === null && (
<Spinner /> <div className="mailpoet_spinner_wrapper">
<Spinner />
</div>
)} )}
{form !== null && ( {form !== null && (
<div> <div>