gerudo
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

make shop nicer

master
Aevann1 2022-09-18 19:12:28 +02:00
parent 0039f3a217
commit dbfac00555
2 changed files with 58 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
files/templates/hats.html
View File

@ -13,8 +13,37 @@
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>
<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">
<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>

31
files/templates/shop.html
View File

@ -19,8 +19,37 @@
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>
<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">
<img id="shop-banner" alt="shop banner" src="/i/shop.webp">
<h3 class="mt-4">{{SHOP_FLAVOR}} Earn coins.</h5>
@ -31,8 +60,6 @@
{% if FEATURES['PROCOINS'] %}
<h5 class="mt-4">Your current marseybux: {{"{:,}".format(v.procoins)}}</h3>
{% endif %}
<h5 class="mt-5"><a href="/hats">Buy hats here!</a></h5>
</header>
{% endblock %}