gearheads
/
mastodon
Archived
2
0
Fork 0
Code Releases 4 Activity

Fix styles of error pages (#5335) 

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

Signed-off-by: Lynx Kotoura <admin@sanin.link>
gh/stable
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

36
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,25 +69,34 @@ 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 {
display: block; vertical-align: middle;
max-width: 470px; margin: 20px;
width: 100%;
height: auto;
margin-top: -120px;
}
.dialog h1 { img {
font-size: 20px; display: block;
line-height: 28px; max-width: 470px;
font-weight: 400; width: 100%;
height: auto;
margin-top: -120px;
}
h1 {
font-size: 20px;
line-height: 28px;
font-weight: 400;
}
} }
} }
} }