overleaf/services/web/frontend/stylesheets/app/error-pages.less
Alexandre Bourdin 21c8b9a47a Merge pull request #8426 from overleaf/ta-error-pages-style
Update General Error Pages Style

GitOrigin-RevId: 04346784c94d5ce6bf3257fd128a3f00da4c4e9e
2022-06-23 08:02:34 +00:00

53 lines
1,006 B
Text

.full-height {
height: 100%;
padding: 0;
}
.error-container {
display: flex;
align-items: center;
}
.error-container.full-height {
margin-top: -(@header-height + @content-margin-vertical) / 2;
}
.error-details {
flex: 1 1 50%;
padding: @line-height-computed;
max-width: 90%;
@media (min-width: @screen-sm-min) {
padding: @line-height-computed * 2;
}
}
.error-status {
font-family: @font-family-serif;
margin-bottom: @line-height-computed;
color: @gray-dark;
font-size: @font-size-h1;
}
.error-description {
font-family: @font-family-serif;
font-size: @font-size-h3;
color: @gray;
margin-bottom: @line-height-computed;
}
.error-box {
background-color: @ol-blue-gray-1;
padding: @margin-sm;
font-family: @font-family-monospace;
margin-bottom: @line-height-computed;
}
.error-actions {
margin-top: @line-height-computed * 2;
}
.error-btn {
.btn;
.btn-primary;
display: block;
@media (min-width: @screen-sm-min) {
display: inline-block;
}
}