Commit 5845e921 authored by Stefan Probst's avatar Stefan Probst
Browse files

style: adjust spinner position

parent 2c86ed79
Pipeline #180119 passed with stage
in 5 minutes and 30 seconds
......@@ -55,7 +55,7 @@ export default function DatasetHistoryScreen(): JSX.Element {
>
<Title>Dataset version history</Title>
{dataset.data === undefined || id == undefined ? (
<div className="flex flex-col items-center justify-center">
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
) : (
......
......@@ -42,7 +42,7 @@ export default function DatasetVersionScreen(): JSX.Element {
if (dataset.data === undefined) {
return (
<div>
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
)
......
......@@ -59,7 +59,7 @@ export default function PublicationHistoryScreen(): JSX.Element {
>
<Title>Publication version history</Title>
{publication.data === undefined || id == undefined ? (
<div className="flex flex-col items-center justify-center">
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
) : (
......
......@@ -42,7 +42,7 @@ export default function PublicationVersionScreen(): JSX.Element {
if (publication.data === undefined) {
return (
<div>
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
)
......
......@@ -55,7 +55,7 @@ export default function ToolHistoryScreen(): JSX.Element {
>
<Title>Tool version history</Title>
{tool.data === undefined || id == undefined ? (
<div className="flex flex-col items-center justify-center">
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
) : (
......
......@@ -42,7 +42,7 @@ export default function ToolVersionScreen(): JSX.Element {
if (tool.data === undefined) {
return (
<div>
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
)
......
......@@ -59,7 +59,7 @@ export default function TrainingMaterialHistoryScreen(): JSX.Element {
>
<Title>Training material version history</Title>
{trainingMaterial.data === undefined || id == undefined ? (
<div className="flex flex-col items-center justify-center">
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
) : (
......
......@@ -42,7 +42,7 @@ export default function TrainingMaterialVersionScreen(): JSX.Element {
if (trainingMaterial.data === undefined) {
return (
<div>
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
)
......
......@@ -74,6 +74,7 @@ function Step({ step, index }: { step: Step; index: number }) {
</span>
</HStack>
<DisclosureButton
id={`step-${step.persistentId}`}
className={cx(
'w-36 inline-flex items-center justify-between px-2 py-3 rounded space-x-2 transition-colors duration-150 flex-shrink-0',
isOpen
......
......@@ -59,7 +59,7 @@ export default function WorkflowHistoryScreen(): JSX.Element {
>
<Title>Workflow version history</Title>
{workflow.data === undefined || id == undefined ? (
<div className="flex flex-col items-center justify-center">
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
) : (
......
......@@ -43,7 +43,7 @@ export default function WorkflowVersionScreen(): JSX.Element {
if (workflow.data === undefined) {
return (
<div>
<div className="flex flex-col items-center justify-center h-full">
<ProgressSpinner />
</div>
)
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment