forked from rDrama/rDrama
make shop nicer
parent
0039f3a217
commit
dbfac00555
|
@ -13,8 +13,37 @@
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shop-tab {
|
||||||
|
display: inline-flex;
|
||||||
|
max-width: 46.6%;
|
||||||
|
letter-spacing: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shop-tab.active {
|
||||||
|
background-color: var(--primary) !important;
|
||||||
|
pointer-events: none !important;
|
||||||
|
cursor: default !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
<div class="container-fluid bg-white sticky" style="padding-top: 30px; padding-bottom: 0 !important;">
|
||||||
|
<div class="row box-shadow-bottom">
|
||||||
|
<div class="col">
|
||||||
|
<div class="container" style="padding-bottom: 0;">
|
||||||
|
<div class="row box-shadow-bottom bg-white" style="justify-content: center;">
|
||||||
|
<a class="btn btn-primary btn-block py-2 m-0 mr-3 shop-tab" href="/shop">
|
||||||
|
<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>AWARDS</span>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-primary btn-block py-2 m-0 shop-tab active" href="/hats">
|
||||||
|
<span class="mr-auto ml-auto"><i class="fas fa-hat-cowboy mr-2"></i>HATS</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<header class="container pb-1 text-center">
|
<header class="container pb-1 text-center">
|
||||||
<img id="hats-banner" class="mt-5" alt="hats banner" src="/i/hats.webp?v=1" width="50%">
|
<img id="hats-banner" class="mt-5" alt="hats banner" src="/i/hats.webp?v=1" width="50%">
|
||||||
<h5 class="mt-4">Number of hats you bought: {{v.num_of_owned_hats}}</h5>
|
<h5 class="mt-4">Number of hats you bought: {{v.num_of_owned_hats}}</h5>
|
||||||
|
|
|
@ -19,8 +19,37 @@
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shop-tab {
|
||||||
|
display: inline-flex;
|
||||||
|
max-width: 46.6%;
|
||||||
|
letter-spacing: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shop-tab.active {
|
||||||
|
background-color: var(--primary) !important;
|
||||||
|
pointer-events: none !important;
|
||||||
|
cursor: default !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
<div class="container-fluid bg-white sticky" style="padding-top: 30px; padding-bottom: 0 !important;">
|
||||||
|
<div class="row box-shadow-bottom">
|
||||||
|
<div class="col">
|
||||||
|
<div class="container" style="padding-bottom: 0;">
|
||||||
|
<div class="row box-shadow-bottom bg-white" style="justify-content: center;">
|
||||||
|
<a class="btn btn-primary btn-block m-0 mr-3 shop-tab active" href="/shop">
|
||||||
|
<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>AWARDS</span>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-primary btn-block m-0 shop-tab" href="/hats">
|
||||||
|
<span class="mr-auto ml-auto"><i class="fas fa-hat-cowboy mr-2"></i>HATS</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<header class="container pb-1 text-center">
|
<header class="container pb-1 text-center">
|
||||||
<img id="shop-banner" alt="shop banner" src="/i/shop.webp">
|
<img id="shop-banner" alt="shop banner" src="/i/shop.webp">
|
||||||
<h3 class="mt-4">{{SHOP_FLAVOR}} Earn coins.</h5>
|
<h3 class="mt-4">{{SHOP_FLAVOR}} Earn coins.</h5>
|
||||||
|
@ -31,8 +60,6 @@
|
||||||
{% if FEATURES['PROCOINS'] %}
|
{% if FEATURES['PROCOINS'] %}
|
||||||
<h5 class="mt-4">Your current marseybux: {{"{:,}".format(v.procoins)}}</h3>
|
<h5 class="mt-4">Your current marseybux: {{"{:,}".format(v.procoins)}}</h3>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<h5 class="mt-5"><a href="/hats">Buy hats here!</a></h5>
|
|
||||||
</header>
|
</header>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue