Vertically center the progress indicator
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
:host {
|
:host {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: block;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
canvas {
|
canvas {
|
||||||
|
|||||||
@@ -4,5 +4,4 @@
|
|||||||
|
|
||||||
.embla__slide {
|
.embla__slide {
|
||||||
flex: 0 0 100%;
|
flex: 0 0 100%;
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user