aljaz/btcpayserver
1
0
Fork 0
mirror of https://github.com/aljazceru/btcpayserver.git synced 2026-01-04 14:44:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup home styles

Browse Source
This commit is contained in:
Dennis Reimann
2021-09-01 11:11:54 +02:00
committed by Andrew Camilleri
parent fbb5671f89
commit 663dcecb8e
2 changed files with 10 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
BTCPayServer/Views/Home/Home.cshtml
View File

@@ -7,7 +7,6 @@
<div class="header-content">
<div class="header-content-inner text-white">
<h1>Welcome to BTCPay Server</h1>
<hr />
<p class="fw-semibold">BTCPay Server is a free and open source server for merchants wanting to accept Bitcoin for their business.</p>
<a style="background-color: #fff;color: #222;display:inline-block;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;line-height: 1.25;font-size: 1rem;text-decoration:none;font-weight: 700; text-transform: uppercase;border: none;border-radius: 300px;padding: 15px 30px;" href="https://btcpayserver.org" target="_blank" rel="noreferrer noopener">Official website</a>
</div>

31
BTCPayServer/wwwroot/main/bootstrap/creative.css
View File

@@ -86,6 +86,8 @@ header.masthead {
align-items: center;
justify-content: center;
min-height: auto;
margin-top: 4rem;
padding: var(--btcpay-space-xxl) var(--btcpay-space-m);
}
header.masthead::before {
@@ -102,7 +104,6 @@ header.masthead::before {
header.masthead .header-content {
position: relative;
padding: 150px 15px 100px;
text-align: center;
}
@@ -115,43 +116,31 @@ header.masthead .header-content .header-content-inner {
header.masthead .header-content .header-content-inner h1 {
font-size: var(--btcpay-font-size-xl);
font-weight: var(--btcpay-font-weight-bold);
margin-top: 0;
margin-bottom: 0;
margin: 0;
text-transform: uppercase;
}
header.masthead .header-content .header-content-inner hr {
margin: 30px auto;
margin: var(--btcpay-space-m) auto;
}
header.masthead .header-content .header-content-inner p {
font-size: var(--btcpay-font-size-l);
margin-bottom: var(--btcpay-space-xl);
margin: var(--btcpay-space-l) 0;
max-width: 38rem;
}
@media (min-width: 768px) {
header.masthead {
height: 70%;
min-height: 600px;
}
header.masthead .header-content {
padding: 0 var(--btcpay-space-l);
}
header.masthead .header-content .header-content-inner h1 {
font-size: var(--btcpay-font-size-xxl);
}
header.masthead .header-content .header-content-inner p {
font-size: var(--btcpay-font-size-l);
max-width: 38rem;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 992px) {
header.masthead {
margin-top: 5rem;
}
#mainNav {
background: transparent;
}