Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-06 21:45:43 +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

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

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