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

fix loading spinner on mobile devices

Browse Source
This commit is contained in:
Sebastian Sdorra
2018-11-13 07:37:49 +01:00
parent 451a170cb2
commit 260f406207
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scm-ui-components/packages/ui-components/src/Loading.js
View File

@@ -1,10 +1,14 @@
//@flow //@flow
import React from "react"; import React from "react";
import { translate } from "react-i18next"; import { translate } from "react-i18next";
import injectSheet from "react-jss"; import injectSheet from "react-jss";
import Image from "./Image"; import Image from "./Image";
const styles = { const styles = {
minHeightContainer: {
minHeight: "256px"
},
wrapper: { wrapper: {
position: "relative" position: "relative"
}, },
@@ -34,6 +38,7 @@ class Loading extends React.Component<Props> {
render() { render() {
const { message, t, classes } = this.props; const { message, t, classes } = this.props;
return ( return (
<div className={classes.minHeightContainer}>
<div className={classes.wrapper}> <div className={classes.wrapper}>
<div className={classes.loading}> <div className={classes.loading}>
<Image <Image
@@ -44,6 +49,7 @@ class Loading extends React.Component<Props> {
<p className="has-text-centered">{message}</p> <p className="has-text-centered">{message}</p>
</div> </div>
</div> </div>
</div>
); );
} }
} }