fix error page formatting

This commit is contained in:
Robert Kaussow 2020-07-08 21:04:18 +02:00
parent 2bfbea602c
commit d6191beb40
No known key found for this signature in database
GPG Key ID: 65362AE74AF98B61
2 changed files with 55 additions and 1 deletions

View File

@ -9,7 +9,7 @@
{{ partial "svg-icon-symbols" . }} {{ partial "svg-icon-symbols" . }}
<div class="wrapper"> <div class="wrapper">
{{ partial "site-header" (dict "Root" . "MenuEnabled" false) }} {{ partial "site-header" . }}
<main class="gblog-error flex-even"> <main class="gblog-error flex-even">
<div class="flex align-center justify-center"> <div class="flex align-center justify-center">

View File

@ -305,6 +305,39 @@ img {
padding: $padding-16 0; padding: $padding-16 0;
} }
.gblog-error {
padding: $padding-16 * 6 $padding-16;
margin: 0 auto;
max-width: 45em;
.icon {
width: $font-size-16 * 6;
height: $font-size-16 * 6;
color: $gray-700;
}
&__link,
&__link:visited {
color: $color-link;
}
&__message {
padding-left: $padding-16 * 4;
}
&__line {
padding: $padding-8 0;
}
&__title {
font-size: $font-size-16 * 4;
}
&__code {
font-weight: bolder;
}
}
.gblog-toc { .gblog-toc {
// Classes to hide nested levels of ToC/Menu // Classes to hide nested levels of ToC/Menu
&__level--1 ul ul, &__level--1 ul ul,
@ -363,6 +396,27 @@ img {
} }
} }
} }
.gblog-error {
padding: $padding-16 * 6 $padding-16;
.icon {
width: $font-size-16 * 4;
height: $font-size-16 * 4;
}
&__message {
padding-left: $padding-16 * 2;
}
&__line {
padding: $padding-4 0;
}
&__title {
font-size: $font-size-16 * 2;
}
}
} }
#menu-control:checked ~ .gblog-nav__list { #menu-control:checked ~ .gblog-nav__list {