mirror of
https://github.com/aljazceru/btcpayserver.git
synced 2026-02-18 04:34:21 +01:00
Login/register view improvements
Consistently aligned the texts centered and moved the Tor URL button below the form.
This commit is contained in:
Dennis Reimann
@@ -29,13 +29,6 @@
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">Sign In</h4>
|
||||
@if (env.OnionUrl != null)
|
||||
{
|
||||
<a href="@env.OnionUrl" target="_onion" class="btn btn-onion d-inline-flex align-items-center" data-clipboard="@env.OnionUrl">
|
||||
<img src="~/img/icons/Onion_Color.svg" height="24" class="mr-2" asp-append-version="true" />
|
||||
Copy Tor URL
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form asp-route-returnurl="@ViewData["ReturnUrl"]" method="post">
|
||||
@@ -77,5 +70,15 @@
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@if (env.OnionUrl != null)
|
||||
{
|
||||
<div class="mt-5 mb-2 text-center">
|
||||
<a href="@env.OnionUrl" target="_onion" class="btn btn-outline-onion d-inline-flex align-items-center" data-clipboard="@env.OnionUrl">
|
||||
<img src="~/img/icons/onion-purple.svg" height="24" class="mr-2" asp-append-version="true" />
|
||||
Copy Tor URL
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -29,13 +29,6 @@
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">Create account</h4>
|
||||
@if (env.OnionUrl != null)
|
||||
{
|
||||
<a href="@env.OnionUrl" target="_onion" class="btn btn-onion d-inline-flex align-items-center" data-clipboard="@env.OnionUrl">
|
||||
<img src="~/img/icons/Onion_Color.svg" height="24" class="mr-2" asp-append-version="true" />
|
||||
Copy Tor URL
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form asp-route-returnUrl="@ViewData["ReturnUrl"]" asp-route-logon="true" method="post">
|
||||
@@ -93,6 +86,16 @@
|
||||
<a id="Login" class="btn btn-secondary ml-3" asp-action="Login" asp-route-returnurl="@ViewData["ReturnUrl"]">Login</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (env.OnionUrl != null)
|
||||
{
|
||||
<div class="mt-5 mb-2 text-center">
|
||||
<a href="@env.OnionUrl" target="_onion" class="btn btn-outline-onion d-inline-flex align-items-center" data-clipboard="@env.OnionUrl">
|
||||
<img src="~/img/icons/onion-purple.svg" height="24" class="mr-2" asp-append-version="true" />
|
||||
Copy Tor URL
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
ViewData["Headline"] = "404 - Page not found";
|
||||
}
|
||||
|
||||
<p class="lead-login text-center">
|
||||
<p class="lead-login">
|
||||
This is like searching for a person more beautiful than <a href="https://twitter.com/NicolasDorier" target="_blank">Nicolas Dorier</a>.
|
||||
<br /><br />
|
||||
<a href="https://twitter.com/NicolasDorier" target="_blank">
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
ViewData["Headline"] = "429 - Too Many Requests";
|
||||
}
|
||||
|
||||
<p class="lead-login text-center">
|
||||
<p class="lead-login">
|
||||
Please send requests slower. Or face the wrath of <a href="https://twitter.com/r0ckstardev" target="_blank">Vin Diesel</a>.
|
||||
<br /><br />
|
||||
<a href="https://twitter.com/r0ckstardev" target="_blank">
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
ViewData["Headline"] = "500 - Internal Server Error";
|
||||
}
|
||||
|
||||
<p class="lead-login text-center">
|
||||
<p class="lead-login">
|
||||
Whoops, something really went wrong! <a href="https://twitter.com/mrkukks">Mr Kukks</a> is so sorry.
|
||||
<br /><br />
|
||||
<a href="https://twitter.com/mrkukks" target="_blank">
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
<p class="lead-login text-center">
|
||||
<p class="lead-login">
|
||||
Generic error occurred, HTTP Code: @Model
|
||||
<br /><br />
|
||||
Consult server log for more details.
|
||||
|
||||
@@ -43,6 +43,7 @@
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
letter-spacing: 0.1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@media screen and (min-width: 768px) {
|
||||
@@ -51,7 +52,6 @@
|
||||
}
|
||||
|
||||
.col-head {
|
||||
text-align: left;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
|
||||
1
BTCPayServer/wwwroot/img/icons/onion-purple.svg
Normal file
1
BTCPayServer/wwwroot/img/icons/onion-purple.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="61" height="91" xmlns="http://www.w3.org/2000/svg"><g fill="#7E4798" fill-rule="nonzero"><path d="M34.9 6.8l-2.4 9.6C35.9 9.6 41.4 4.5 47.7 0c-4.6 5.3-8.8 10.6-11.3 16C40.7 9.9 46.5 6.6 53 4.3 44.3 12 37.4 20.4 32.2 28.7L28 26.9c.7-6.7 3.2-13.5 6.9-20.1z"/><path d="M31.7 28.3l2.9 1.5c-.3 1.9.1 6.1 2 7.1 8.4 5.2 16.2 10.8 19.3 16.5 11 19.9-7.7 38.4-24 36.6 8.8-6.5 11.4-19.9 8.1-34.6-1.3-5.7-3.4-10.9-7.1-16.8-1.6-2.7-1-6.3-1.2-10.3z"/><g><path d="M28.5 37.8c-.6 3.1-1.3 8.7-4 10.8-1.1.8-2.3 1.6-3.5 2.4-4.9 3.3-9.7 6.4-11.9 14.3-.5 1.7-.1 3.5.3 5.2 1.2 4.9 4.6 10.1 7.3 13.2 0 .1.5.5.5.6 2.2 2.6 2.9 3.4 11.3 5.3l-.2.9c-5.1-1.3-9.2-2.6-11.9-5.6 0-.1-.5-.5-.5-.5-2.8-3.2-6.3-8.6-7.5-13.7-.5-2-.9-3.6-.3-5.7 2.3-8.2 7.3-11.5 12.3-14.9 1.1-.7 2.5-1.4 3.6-2.3 2.3-1.5 3.4-6.2 4.5-10z"/><path d="M30.7 50.8c.1 3.5-.3 5.3.6 7.8.5 1.5 2.4 3.5 2.9 5.5.7 2.6 1.5 5.5 1.5 7.3 0 2-.1 5.8-1 9.8-.7 3.3-2.2 6.2-4.8 7.8-2.7-.5-5.8-1.5-7.6-3.1-3.6-3.1-6.7-8.3-7.1-12.8-.3-3.7 3.1-9.2 7.9-11.9 4-2.4 5-5 5.9-9.4-1.2 3.8-2.4 6.9-6.3 9-5.7 3-8.6 7.9-8.3 12.7.4 6.1 2.8 10.2 7.6 13.5 2 1.4 5.8 2.9 8.2 3.3V90c1.8-.3 4.1-3.3 5.3-7.2 1-3.6 1.4-8.1 1.3-11-.1-1.7-.8-5.3-2.2-8.6-.7-1.8-1.9-3.6-2.6-4.9-.9-1.5-.9-4.3-1.3-7.5z"/><path d="M30.1 64.5c.1 2.4 1 5.4 1.4 8.5.3 2.3.2 4.6.1 6.6-.1 2.3-.8 6.5-1.9 8.6-1-.5-1.4-1-2.1-1.8-.8-1.1-1.4-2.3-1.9-3.6-.4-1-.9-2.2-1.1-3.5-.3-2-.2-5.2 2.1-8.4 1.8-2.6 2.2-2.8 2.8-5.7-.8 2.6-1.4 2.9-3.3 5.1-2.1 2.4-2.4 6-2.4 8.9 0 1.2.5 2.6 1 3.8.5 1.3 1 2.7 1.7 3.7 1.1 1.6 2.5 2.6 3.2 2.7v-.1c1.3-1.5 2.1-2.9 2.4-4.4.3-1.8.4-3.5.6-5.6.2-1.8.1-4.1-.4-6.5-.6-3-1.7-6.1-2.2-8.3z"/><path d="M30.5 35c.1 3.5.3 10 1.3 12.6.3.9 2.8 4.7 4.5 9.4 1.2 3.2 1.5 6.2 1.7 7.1.8 3.8-.2 10.3-1.5 16.4-.7 3.3-3 7.4-5.6 9l-.5.9c1.5-.1 5.1-3.6 6.4-8.1 2.2-7.5 3-11 2-19.4-.1-.8-.5-3.6-1.8-6.5-1.9-4.5-4.6-8.8-4.9-9.7-.7-1.4-1.5-7.6-1.6-11.7z"/><path d="M31.7 28.6c-.2 3.6-.2 6.4.4 9.1.7 2.9 4.5 7.1 6.1 11.9 3 9.2 2.2 21.2.1 30.5-.8 3.3-4.6 8.1-8.5 9.6l2.8.7c1.5-.1 5.5-3.8 7.1-8 2.5-6.7 3-14.6 2-23-.1-.8-1.4-8-2.7-11-1.8-4.5-4.7-7.7-5.7-10.5-.8-2.1-1.1-7.7-.6-8.8l-1-.5z"/></g><path d="M51.7 46.3c-2.9-2.6-6.5-4.8-10.3-6.9-1.7-.9-6.9-5-5.1-10.8l-13.1-5.4-.9.7c4.4 7.9 2.1 12.1-.1 13.5-4.4 3-10.8 6.8-13.9 10.1C2.2 53.8.4 59.8 1 67.6c.6 10.1 7.9 18.5 17.8 21.8 4.3 1.4 8.3 1.6 12.7 1.6 7.1 0 14.5-1.9 19.8-6.3 5.7-4.7 9-11.8 9-19.1 0-7.3-3.1-14.3-8.6-19.3zm-1.9 36.9c-4.9 4-13.7 6.8-18.4 6.6-5.2-.3-10.3-1.1-14.8-3.3C8.7 82.7 3.5 74.4 3.1 67.7 2.4 54 9 50.1 15.1 45.1c3.4-2.8 8.2-4.2 10.9-9.2.5-1.1.8-3.5.2-6-.3-.9-1.5-3.9-2-4.6l9.8 4.3c-1.2 4.5 2.5 9.2 5.5 10.9 3 1.7 7.7 4.9 10.6 7.5 5.1 4.5 7.7 10.9 7.7 17.6 0 6.7-2.8 13.3-8 17.6z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -195,15 +195,31 @@ pre {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.btn-onion {
|
||||
color: #fff;
|
||||
background-color: #59316B;
|
||||
border-color: #59316B;
|
||||
.btn-outline-onion {
|
||||
color: #7D4698;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border-color: #e6d5ee;
|
||||
}
|
||||
|
||||
.btn-onion:focus,
|
||||
.btn-onion.focus {
|
||||
box-shadow: 0 0 0 0.2rem #9065a1;
|
||||
.btn-outline-onion:hover {
|
||||
color: #fff;
|
||||
background-color: #7D4698;
|
||||
border-color: #7D4698;
|
||||
}
|
||||
|
||||
.btn-outline-onion:focus,
|
||||
.btn-outline-onion.focus {
|
||||
color: #fff;
|
||||
background-color: #7D4698;
|
||||
border-color: #7D4698;
|
||||
box-shadow: 0 0 0 0.2rem #e6d5ee;
|
||||
}
|
||||
|
||||
.btn-outline-onion:hover img,
|
||||
.btn-outline-onion:focus img,
|
||||
.btn-outline-onion.focus img {
|
||||
filter: contrast(0) brightness(200%);
|
||||
}
|
||||
|
||||
[class*="field-validation"]:not(:empty) {
|
||||
|
||||
@@ -39,6 +39,15 @@
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.btn-outline-onion {
|
||||
color: #e6d5ee !important;
|
||||
border-color: #59316B !important;
|
||||
}
|
||||
|
||||
.btn-outline-onion img {
|
||||
filter: contrast(0) brightness(200%) !important;
|
||||
}
|
||||
|
||||
.list-group-item-action,
|
||||
.list-group-item-action:hover {
|
||||
color: var(--btcpay-body-color);
|
||||
|
||||
Reference in New Issue
Block a user