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

UI fix

Browse Source
This commit is contained in:
sairaj mote 2021-05-14 17:37:36 +05:30
parent 0195ec146d
commit 4698c6be08
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@ -10205,6 +10205,11 @@ Bitcoin.Util = {
.fund-block__details > .grid:nth-of-type(3), .fund-block__details > .grid:nth-of-type(4) { .fund-block__details > .grid:nth-of-type(3), .fund-block__details > .grid:nth-of-type(4) {
grid-column: 1/3; grid-column: 1/3;
} }
.fund-block__details > .grid:nth-of-type(4){
gap: 1.5rem;
justify-content: flex-start;
grid-template-columns: 1fr 1fr;
}
.tapout-list{ .tapout-list{
display: grid; display: grid;
gap: 1.5rem; gap: 1.5rem;
@ -10215,6 +10220,9 @@ Bitcoin.Util = {
.tapout-list li{ .tapout-list li{
min-width: 8rem; min-width: 8rem;
} }
.term-link{
justify-self: flex-end;
}
.investor-group{ .investor-group{
display: grid; display: grid;
padding: 0.5rem; padding: 0.5rem;
@ -10262,6 +10270,11 @@ Bitcoin.Util = {
-webkit-hyphens: auto; -webkit-hyphens: auto;
hyphens: auto; hyphens: auto;
} }
@media only screen and (max-width: 640px) {
.term-link{
grid-column: 2/3;
}
}
@media only screen and (min-width: 640px) { @media only screen and (min-width: 640px) {
.fund-block__details{ .fund-block__details{
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@ -10273,6 +10286,9 @@ Bitcoin.Util = {
justify-self: flex-end; justify-self: flex-end;
text-align: right; text-align: right;
} }
.fund-block__details > .grid:nth-of-type(4){
grid-template-columns: auto auto 1fr;
}
} }
</style> </style>
<li class="fund-block"> <li class="fund-block">
@ -10301,7 +10317,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 flow-column gap-1"> <div class="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>
@ -10310,7 +10326,7 @@ Bitcoin.Util = {
<span class="label">Total net value</span> <span class="label">Total net value</span>
<span class="value net-value" style="color: var(--green)"></span> <span class="value net-value" style="color: var(--green)"></span>
</div> </div>
<a class="term-link justify-right" target="_blank">See terms</a> <a class="term-link" target="_blank">See terms</a>
</div> </div>
</div> </div>
<div class="grid"> <div class="grid">