diff options
| author | crupest <crupest@outlook.com> | 2020-06-10 15:31:51 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-06-10 15:31:51 +0800 |
| commit | 9eb1bf46d24ef204e335f5f49b0e8f5501cbc9f8 (patch) | |
| tree | 267904faacacfbb05f9f09afcdcf2b73f6815420 | |
| parent | 35bd6bb40f89713e802fd4526dd5db0e6c3f3cd2 (diff) | |
| download | timeline-9eb1bf46d24ef204e335f5f49b0e8f5501cbc9f8.tar.gz timeline-9eb1bf46d24ef204e335f5f49b0e8f5501cbc9f8.tar.bz2 timeline-9eb1bf46d24ef204e335f5f49b0e8f5501cbc9f8.zip | |
feat(front): Fix #92 .
| -rw-r--r-- | Timeline/ClientApp/src/index.sass | 8 | ||||
| -rw-r--r-- | Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx | 12 |
2 files changed, 18 insertions, 2 deletions
diff --git a/Timeline/ClientApp/src/index.sass b/Timeline/ClientApp/src/index.sass index a9329a34..4ba38aa1 100644 --- a/Timeline/ClientApp/src/index.sass +++ b/Timeline/ClientApp/src/index.sass @@ -73,3 +73,11 @@ textarea @extend .border-primary @extend .rounded @extend .bg-light + +.full-viewport-center-child + position: fixed + width: 100vw + height: 100vh + display: flex + justify-content: center + align-items: center diff --git a/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx b/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx index a246c0ce..bf87b706 100644 --- a/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx +++ b/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx @@ -151,7 +151,11 @@ export default function TimelinePageTemplateUI< }
}
} else {
- timelineBody = <Spinner />;
+ timelineBody = (
+ <div className="full-viewport-center-child">
+ <Spinner color="primary" type="grow" />
+ </div>
+ );
}
const { CardComponent } = props;
@@ -185,7 +189,11 @@ export default function TimelinePageTemplateUI< </>
);
} else {
- body = <Spinner />;
+ body = (
+ <div className="full-viewport-center-child">
+ <Spinner color="primary" type="grow" />
+ </div>
+ );
}
}
|