Replace more hardcoded css

This commit is contained in:
natsoni
2024-04-06 15:48:35 +09:00
parent cde3d878b1
commit 7e920f4bae
56 changed files with 128 additions and 125 deletions

View File

@@ -93,7 +93,7 @@
<a href="https://mempool.chat" target="_blank"><svg fill="#fff" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Matrix</title><path d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"/></svg></a>
</div>
</div>
<div class="row version" [style]="{'background-color': isServicesPage ? '#1d1f31' : ''}">
<div class="row version" [style]="{'background-color': isServicesPage ? 'var(--bg)' : ''}">
<div class="col-sm-12">
<p *ngIf="officialMempoolSpace">
<span>{{ (backendInfo$ | async)?.hostname }} (v{{ (backendInfo$ | async )?.version }}) [<a target="_blank" href="https://github.com/mempool/mempool/commit/{{ (backendInfo$ | async )?.gitCommit | slice:0:8 }}">{{ (backendInfo$ | async )?.gitCommit | slice:0:8 }}</a>]</span>

View File

@@ -1,5 +1,5 @@
footer {
background-color: #1d1f31;
background-color: var(--bg);
margin-top: 30px;
&.services {
@media (min-width: 768px) {
@@ -34,11 +34,11 @@ footer .row.main .branding > p {
footer .row.main .branding .btn {
display: inline-block;
color: #fff !important;
color: var(--fg) !important;
}
footer .row.main .branding button.account {
background-color: #2d3348;
background-color: var(--secondary);
}
footer .row.main .branding .cta {
@@ -59,7 +59,7 @@ footer .row.main .links > div:first-child {
}
footer .links .category {
color: #4a68b9;
color: var(--title-fg);
font-weight: 700;
}
@@ -114,7 +114,7 @@ footer .row.social-links svg {
footer .row.version {
padding-top: 20px !important;
padding-bottom: 20px !important;
background-color: #1d1f31;
background-color: var(--bg);
}
footer .row.version p {