Vertically center the progress indicator

This commit is contained in:
Dermot Duffy
2022-07-03 13:35:25 -07:00
parent e59d6aa3da
commit 809816608b
3 changed files with 5 additions and 4 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
:host { :host {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: flex;
} }
canvas { canvas {
-1
View File
@@ -4,5 +4,4 @@
.embla__slide { .embla__slide {
flex: 0 0 100%; flex: 0 0 100%;
height: 100%;
} }
+4 -2
View File
@@ -1,7 +1,9 @@
:host { :host {
min-height: 100%; min-height: 100%;
width: 100%; width: 100%;
display: block; display: flex;
flex-direction: column;
justify-content: center;
// Ensure error messages are selectable. // Ensure error messages are selectable.
user-select: text; user-select: text;
@@ -30,7 +32,7 @@ div.message div.contents {
padding: 10px; padding: 10px;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
max-width: 100%; min-width: 0;
} }
div.message div.icon { div.message div.icon {