Merge pull request #2202 from btcpayserver/fix/error-pages

Improving styling of error pages in preparation for adding new ones
This commit is contained in:
rockstardev 2021-01-17 10:10:02 -06:00 committed by GitHub
commit 89857ca77c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 48 additions and 23 deletions

View File

@ -1,17 +1,21 @@
@{
@{
ViewData["Title"] = "404 - Page not found";
}
<div class="row justify-content-center mb-2">
<div class="col text-center">
<div class="row">
<div class="col-12 col-head" style="justify-content:center; flex-direction: row; display:flex; flex-direction:row; text-align:center;">
<a asp-controller="Home" asp-action="Index">
<img src="~/img/btcpay-logo.svg" alt="BTCPay Server" class="mb-4" height="70" asp-append-version="true"/>
<img src="~/img/btcpay-logo.svg" alt="BTCPay Server" class="head-logo" height="70" asp-append-version="true" />
</a>
<h1 class="h2 mb-3">@ViewData["Title"]</h1>
<h1 class="text-uppercase mt-3 ml-4">@ViewData["Title"]</h1>
</div>
</div>
<center>
<hr class="primary" />
</center>
<p class="lead text-center">
This is like searching for a person more beautiful than <a href="https://twitter.com/NicolasDorier" target="_blank">Nicolas Dorier</a>.
<br /><br />
@ -24,8 +28,12 @@
You can always try <a href="/">navigating back to home</a>.
</p>
<center>
<hr class="primary" />
</center>
<div class="row justify-content-center mt-5">
<div class="col">
<partial name="_BTCPaySupporters"/>
<partial name="_BTCPaySupporters" />
</div>
</div>

View File

@ -1,17 +1,21 @@
@{
@{
ViewData["Title"] = "429 - Too Many Requests";
}
<div class="row justify-content-center mb-2">
<div class="col text-center">
<div class="row">
<div class="col-12 col-head" style="justify-content:center; flex-direction: row; display:flex; flex-direction:row; text-align:center;">
<a asp-controller="Home" asp-action="Index">
<img src="~/img/btcpay-logo.svg" alt="BTCPay Server" class="mb-4" height="70" asp-append-version="true"/>
<img src="~/img/btcpay-logo.svg" alt="BTCPay Server" class="head-logo" height="70" asp-append-version="true" />
</a>
<h1 class="h2 mb-3">@ViewData["Title"]</h1>
<h1 class="text-uppercase mt-3 ml-4">@ViewData["Title"]</h1>
</div>
</div>
<center>
<hr class="primary" />
</center>
<p class="lead text-center">
Please send requests slower. Or face the wrath of <a href="https://twitter.com/r0ckstardev" target="_blank">Vin Diesel</a>.
<br /><br />
@ -24,8 +28,12 @@
Slowly <a href="/">navigate back to home</a>.
</p>
<center>
<hr class="primary" />
</center>
<div class="row justify-content-center mt-5">
<div class="col">
<partial name="_BTCPaySupporters"/>
<partial name="_BTCPaySupporters" />
</div>
</div>

View File

@ -1,17 +1,21 @@
@{
@{
ViewData["Title"] = "500 - Internal Server Error";
}
<div class="row justify-content-center mb-2">
<div class="col text-center">
<div class="row">
<div class="col-12 col-head" style="justify-content:center; flex-direction: row; display:flex; flex-direction:row; text-align:center;">
<a asp-controller="Home" asp-action="Index">
<img src="~/img/btcpay-logo.svg" alt="BTCPay Server" class="mb-4" height="70" asp-append-version="true"/>
<img src="~/img/btcpay-logo.svg" alt="BTCPay Server" class="head-logo" height="70" asp-append-version="true" />
</a>
<h1 class="h2 mb-3">@ViewData["Title"]</h1>
<h1 class="text-uppercase mt-3 ml-4">@ViewData["Title"]</h1>
</div>
</div>
<center>
<hr class="primary" />
</center>
<p class="lead text-center">
Whoops, something really went wrong! <a href="https://twitter.com/mrkukks">Mr Kukks</a> is so sorry.
<br /><br />
@ -24,8 +28,12 @@
<a href="/">Navigate back to home</a>.
</p>
<center>
<hr class="primary" />
</center>
<div class="row justify-content-center mt-5">
<div class="col">
<partial name="_BTCPaySupporters"/>
<partial name="_BTCPaySupporters" />
</div>
</div>

View File

@ -1,3 +1,4 @@
@{
@{
Layout = "_LayoutSimple";
ViewBag.TopSmallMargin = true;
}

View File

@ -1,5 +1,5 @@
<h5 class="text-center font-weight-normal mb-2">
Our Supporters
<h5 class="text-center font-weight-normal mb-2">
BTCPay Server Supporters
</h5>
<div class="row justify-content-center mb-2">
<div class="p-3 text-center" style="flex-basis:105px;">

View File

@ -1,4 +1,4 @@
@{
@{
Layout = null;
}
<!DOCTYPE html>
@ -7,7 +7,7 @@
<partial name="Header" />
</head>
<body>
<section class="content-wrapper">
<section class="content-wrapper @(ViewBag.TopSmallMargin != null ? "pt-4" : "")">
<!-- Dummy navbar-brand, hackish way to keep test AssertNoError passing -->
<div class="navbar-brand d-none"></div>
<div class="container">