mobile viewport

stevenrskelton · Mar 19, 2024 · 5ea76b3 · 5ea76b3
1 parent ab73239
commit 5ea76b3
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/_pages/rankings.html b/_pages/rankings.html
@@ -183,10 +183,11 @@ <h1 class="display-6 fw-bold text-center">Influencer Rankings</h1>
 
                 if (screen.availWidth < 800) {
                   const height = 50;
+                  const pieChart = (ratedPercent == 0) ? null : html`<pie-chart size=$height positive=$positivePercent negative=$negativePercent></pie-chart>`;
                   return html`
                   <li class="list-group-item" style="padding:6px">
                     <div style="display:flex;align-items: center;">
-                      <img src="${item.profileUrl}" style="width:${height}px;height:${height}px;border-radius:50%;margin-right:10px;">
+                      <img src=${item.profileUrl} style="width:${height}px;height:${height}px;border-radius:50%;margin-right:10px;">
                       <div>
                         <h5 class="card-title">${this.profileTitle(item)}</h5>
                         ${this.profileMeta(item.meta)}
@@ -198,7 +199,7 @@ <h5 class="card-title">${this.profileTitle(item)}</h5>
                         ${tradeCount} Trade${tradeCount == 1 ? '' : 's'}<br>
                         ${ratedPercent == 0 ? 'Zero Rated' : (ratedPercent == 100 ? 'All Rated' : (100 - ratedPercent) + '% Unrated')}
                       </div>
-                      <pie-chart size="${height}" positive="${positivePercent}" negative="${negativePercent}"></pie-chart>
+                      ${pieChart}
                     </div>
                     <div style="flex-grow:1;line-height:1.3;" class="card-text text-end">
                       ${item.stocks.map(