Apex banner: re-add polkadots on big enough screens

This commit is contained in:
mDuo13
2023-06-22 17:55:11 -07:00
parent 7a2e5beefc
commit 764e0d41e1
3 changed files with 8 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@@ -33,6 +33,12 @@
} }
} }
.d-xxl-block { // nonstandard-breakpoint for this banner only
@media (min-width: 1400px) {
display: block !important;
}
}
.apex-reg { .apex-reg {
text-align: center; text-align: center;

View File

@@ -4,9 +4,9 @@
<img src="assets/img/apex-texture-orange-diamond.svg" alt="" class="d-none d-md-block" /> <img src="assets/img/apex-texture-orange-diamond.svg" alt="" class="d-none d-md-block" />
<img src="assets/img/apex-texture-red-diamond.svg" alt="" class="d-md-none"/> <img src="assets/img/apex-texture-red-diamond.svg" alt="" class="d-md-none"/>
<div class="apex-circled">{% trans %}Amsterdam{% endtrans %}</div> <div class="apex-circled">{% trans %}Amsterdam{% endtrans %}</div>
<img src="assets/img/apex-texture-polkadots.svg" alt="" class="d-none d-xxl-block" />
<img src="assets/img/apex-texture-green-diamond.svg" alt="" class="d-none d-md-block" /> <img src="assets/img/apex-texture-green-diamond.svg" alt="" class="d-none d-md-block" />
<img src="assets/img/apex-xrpl-logo.svg" alt="(XRPL)" class="d-none d-md-block" /> <img src="assets/img/apex-xrpl-logo.svg" alt="(XRPL)" class="d-none d-md-block" />
<img src="assets/img/apex-texture-polkadots.svg" alt="" class="d-none d-xxl-block" />
<div class="apex-circled d-none d-lg-block">{% trans %}Register Now{% endtrans %}</div> <div class="apex-circled d-none d-lg-block">{% trans %}Register Now{% endtrans %}</div>
<img src="assets/img/apex-texture-yellow-grid.svg" alt="" class="d-none d-xl-block" /> <img src="assets/img/apex-texture-yellow-grid.svg" alt="" class="d-none d-xl-block" />
</a> </a>