mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2025-07-29 14:00:05 +02:00
6a951e2ff0
* Reapply "[web] Migrate general Pug pages to BS5 (#25937)" This reverts commit c0afd7db2dde6a051043ab3e85a969c1eeb7d6a3. * Fixup layouts in `404` and `closed` pages Oversight from https://github.com/overleaf/internal/pull/25937 * Use `.container-custom-sm` and `.container-custom-md` instead of inconsistent page widths * Copy error-pages.less * Convert error-pages.lss to SCSS * Revert changes to pug files * Nest CSS in `.error-container` so nothing leaks to other pages * Remove `font-family-serif` * Use CSS variables * Remove `padding: 0` from `.full-height`: it breaks the layout in BS5 * Fix error-actions buttons * Revert changes to .container-custom... * Update services/web/app/views/external/planned_maintenance.pug Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com> * Update services/web/app/views/general/closed.pug Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com> --------- Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com> GitOrigin-RevId: 313f04782a72fae7cc66d36f9d6467bad135fd60
56 lines
1 KiB
SCSS
56 lines
1 KiB
SCSS
.error-container {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&.full-height {
|
|
margin-top: calc(-1 * ($header-height + var(--spacing-08)) / 2);
|
|
}
|
|
|
|
.error-details {
|
|
flex: 1 1 50%;
|
|
padding: var(--spacing-08);
|
|
max-width: 90%;
|
|
|
|
@include media-breakpoint-up(sm) {
|
|
padding: var(--spacing-11);
|
|
}
|
|
}
|
|
|
|
.error-status {
|
|
@include heading-lg;
|
|
|
|
margin-bottom: var(--spacing-08);
|
|
color: var(--content-secondary);
|
|
}
|
|
|
|
.error-description {
|
|
@include heading-sm;
|
|
|
|
color: var(--content-disabled-dark);
|
|
margin-bottom: var(--spacing-08);
|
|
}
|
|
|
|
.error-box {
|
|
background-color: var(--bg-light-tertiary);
|
|
padding: var(--spacing-04);
|
|
font-family: $font-family-monospace;
|
|
margin-bottom: var(--spacing-08);
|
|
}
|
|
|
|
.error-actions {
|
|
margin-top: var(--spacing-11);
|
|
display: flex;
|
|
gap: var(--spacing-06);
|
|
}
|
|
|
|
.error-btn {
|
|
@extend .btn;
|
|
@extend .btn-primary;
|
|
|
|
display: block;
|
|
|
|
@include media-breakpoint-up(sm) {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|