cybrespace
/
mastodon
4
3
Fork 3
Code Issues 7 Pull Requests Releases Activity

Fix styles of error pages (#5335) 

Signed-off-by: Lynx Kotoura <admin@sanin.link>

Signed-off-by: Lynx Kotoura <admin@sanin.link>
This commit is contained in:
Lynx Kotoura 2017-10-12 04:18:46 +09:00 committed by Eugen Rochko
parent 27101f1beb
commit 07ea625cb2
1 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/javascript/styles/basics.scss
View File

@ -29,8 +29,7 @@ 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%;
@ -70,14 +69,22 @@ body {
} }
&.error { &.error {
position: absolute;
text-align: center; text-align: center;
color: $ui-primary-color; color: $ui-primary-color;
padding: 20px; background: $ui-base-color;
width: 100%;
height: 100%;
padding: 0;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.dialog img { .dialog {
vertical-align: middle;
margin: 20px;
img {
display: block; display: block;
max-width: 470px; max-width: 470px;
width: 100%; width: 100%;
@ -85,13 +92,14 @@ body {
margin-top: -120px; margin-top: -120px;
} }
.dialog h1 { h1 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
font-weight: 400; font-weight: 400;
} }
} }
} }
}
button { button {
font-family: inherit; font-family: inherit;