Center error layout (#5289)
This commit is contained in:
parent
92e7815d1d
commit
1c6fc0e4ce
|
@ -29,7 +29,8 @@ body {
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", mastodon-font-sans-serif, sans-serif;
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", mastodon-font-sans-serif, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.app-body {
|
&.app-body,
|
||||||
|
&.error {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -72,13 +73,16 @@ body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: $ui-primary-color;
|
color: $ui-primary-color;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
.dialog img {
|
.dialog img {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 auto;
|
|
||||||
max-width: 470px;
|
max-width: 470px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
margin-top: -120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog h1 {
|
.dialog h1 {
|
||||||
|
|
Reference in New Issue