RanchiMall/bobsfund
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source 
-- Added conditional rendering for fund link and tapout points
This commit is contained in:
sairaj mote 2021-05-29 20:33:00 +05:30
parent ec16a82ec2
commit f842f00cfb
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -10198,10 +10198,10 @@ Bitcoin.Util = {
.fund-block__details > .grid:nth-of-type(1), .fund-block__details > .grid:nth-of-type(2) { .fund-block__details > .grid:nth-of-type(1), .fund-block__details > .grid:nth-of-type(2) {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.fund-block__details > .grid:nth-of-type(3), .fund-block__details > .grid:nth-of-type(4) { .tapout-container, .investment-container {
grid-column: 1/3; grid-column: 1/3;
} }
.fund-block__details > .grid:nth-of-type(4){ .investment-container{
gap: 1.5rem; gap: 1.5rem;
justify-content: flex-start; justify-content: flex-start;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@ -10285,7 +10285,7 @@ Bitcoin.Util = {
justify-self: flex-end; justify-self: flex-end;
text-align: right; text-align: right;
} }
.fund-block__details > .grid:nth-of-type(4){ .investment-container{
grid-template-columns: auto auto 1fr; grid-template-columns: auto auto 1fr;
} }
} }
@ -10316,7 +10316,7 @@ Bitcoin.Util = {
<span class="value margin-bottom-0-5r">Tapouts</span> <span class="value margin-bottom-0-5r">Tapouts</span>
<ul class="tapout-list"></ul> <ul class="tapout-list"></ul>
</div> </div>
<div class="grid"> <div class="investment-container grid">
<div class="grid"> <div class="grid">
<span class="label">Total investment</span> <span class="label">Total investment</span>
<span class="value total-investment"></span> <span class="value total-investment"></span>
@ -10375,7 +10375,7 @@ Bitcoin.Util = {
if(investorsFrag.childElementCount > 1) if(investorsFrag.childElementCount > 1)
this.shadow.querySelector('.fund-link').href = fundTxHref this.shadow.querySelector('.fund-link').href = fundTxHref
else else
this.shadow.querySelector('.fund-link').classList.add("hide-completely"); this.shadow.querySelector('.fund-link').remove()
this.shadow.querySelector('.start-date').textContent = startDate this.shadow.querySelector('.start-date').textContent = startDate
this.shadow.querySelector('.end-date').textContent = endDate this.shadow.querySelector('.end-date').textContent = endDate
this.shadow.querySelector('.base-usd').textContent = `₹${baseUsd}` this.shadow.querySelector('.base-usd').textContent = `₹${baseUsd}`
@ -10396,7 +10396,7 @@ Bitcoin.Util = {
} }
this.shadow.querySelector('.tapout-list').append(tapoutsFrag) this.shadow.querySelector('.tapout-list').append(tapoutsFrag)
} else } else
this.shadow.querySelector('.tapout-container').classList.add("hide-completely") this.shadow.querySelector('.tapout-container').remove()
} }
toggleCurrency = () => { toggleCurrency = () => {