make error page a bit more responsive
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Robert Kaussow 2020-07-16 21:59:05 +02:00
parent 051dad25bb
commit 0ccf250cae
No known key found for this signature in database
GPG Key ID: 65362AE74AF98B61

View File

@ -24,7 +24,7 @@
cursor: default; cursor: default;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif; Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 0.875rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
line-height: 1.5; line-height: 1.5;
color: #383e4b; color: #383e4b;
@ -34,49 +34,45 @@
h1 { h1 {
font-size: 4.5rem; font-size: 4.5rem;
font-weight: 300; font-weight: 300;
line-height: 1.1; margin: 0 1.5rem 0 0;
float: left;
margin: 0 1.5rem;
} }
h4 { h4 {
font-size: 1.5rem; font-size: 1.5rem;
padding: 0.7rem 0 0 0;
margin: 0; margin: 0;
} }
p { p {
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1;
color: #9da0a8; color: #9da0a8;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.wrapper { .container {
position: relative; display: flex;
top: 50%; margin: 0;
-webkit-transform: translateY(-60%); align-items: center;
-ms-transform: translateY(-60%); justify-content: center;
transform: translateY(-60%); box-sizing: border-box;
height: 100%;
min-width: 380px;
} }
.container { .no-wrap {
width: 550px; flex-shrink: 0;
margin: 0 auto;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="wrapper">
<div class="container"> <div class="container">
<h1> <div>
<!--# echo var="status" default="" --> <h1><!--# echo var="status" default="" --></h1>
</h1> </div>
<div class="no-wrap">
<h4>Oops! You're lost.</h4> <h4>Oops! You're lost.</h4>
<p> <p><!--# echo var="status_text" default="Something goes wrong" --></p>
<!--# echo var="status_text" default="Something goes wrong" -->
</p>
</div> </div>
</div> </div>
</body> </body>