diff options
Diffstat (limited to 'packages/demobank-ui/src/components/Loading.tsx')
-rw-r--r-- | packages/demobank-ui/src/components/Loading.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/packages/demobank-ui/src/components/Loading.tsx b/packages/demobank-ui/src/components/Loading.tsx index 7cbdad681..b567e9056 100644 --- a/packages/demobank-ui/src/components/Loading.tsx +++ b/packages/demobank-ui/src/components/Loading.tsx @@ -21,9 +21,11 @@ export function Loading(): VNode { <div class="columns is-centered is-vcentered" style={{ - height: "calc(100% - 3rem)", - position: "absolute", width: "100%", + height: "200px", + display: "flex", + margin: "auto", + justifyContent: "center", }} > <Spinner /> @@ -33,7 +35,7 @@ export function Loading(): VNode { export function Spinner(): VNode { return ( - <div class="lds-ring"> + <div class="lds-ring" style={{margin:"auto"}}> <div /> <div /> <div /> |