Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-18 21:04:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Styling

Browse Source
This commit is contained in:
Infinite
2020-01-28 19:35:09 +01:00
parent 3fa3f61d93
commit ac3d03715f
58 changed files with 1533 additions and 1483 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ui/v2.5/src/components/Shared/LoadingIndicator.tsx
View File

@@ -1,19 +1,21 @@
import React from "react";
import { Spinner } from "react-bootstrap";
import cx from 'classnames';
interface ILoadingProps {
message: string;
message?: string;
inline?: boolean;
}
const CLASSNAME = "LoadingIndicator";
const CLASSNAME_MESSAGE = `${CLASSNAME}-message`;
const LoadingIndicator: React.FC<ILoadingProps> = ({ message }) => (
<div className={CLASSNAME}>
const LoadingIndicator: React.FC<ILoadingProps> = ({ message, inline = false }) => (
<div className={cx(CLASSNAME, { inline }) }>
<Spinner animation="border" role="status">
<span className="sr-only">Loading...</span>
</Spinner>
<h4 className={CLASSNAME_MESSAGE}>{message}</h4>
<h4 className={CLASSNAME_MESSAGE}>{message ?? "Loading..."}</h4>
</div>
);