chart work

dragonfly-xyz · Jun 27, 2024 · d0facb3 · d0facb3
1 parent 89ebe06
commit d0facb3
Showing 1 changed file with 25 additions and 6 deletions.
diff --git a/src/routes/(app)/match/+page.svelte b/src/routes/(app)/match/+page.svelte
@@ -653,24 +653,23 @@
         .label {
           display: none;
           position: absolute;
-          // width: 100%;
           white-space: nowrap;
-          bottom: 1.5em;
+          bottom: 2.5em;
           pointer-events: none;
         }
 
         .emoji {
           font-size: 80%;
-          margin: calc(-0.8 * 1em) -30%;
-          position: relative;
+          top: calc(-0.75 * 1em);
+          left: calc(-0.8 * 1em);
+          position: absolute;
         }
 
         &:hover {
           opacity: 1;
 
           .emoji {
             font-size: 125% !important;
-            margin-left: -40%
           }
 
           .label {
@@ -725,6 +724,15 @@
           .emoji {
             font-size: 110%;
           }
+
+          &.is-builder {
+            .emoji {
+              // background-color: rgba(160, 209, 52, 0.5);
+              // border: 2px solid green;
+              // border-radius: 100%;
+              transform: scale(1.5) rotate(30deg);
+            }
+          }
         }
         &:not(.focused) {
           opacity: 0.25;
@@ -808,10 +816,21 @@
               <a
                 class="item" class:final={roundIdx === data.rounds.length - 1}
                 class:focused={focusedPlayer?.address === player.address}
+                class:is-builder={round.block?.builderIdx === player.idx}
                 href={`#round-${roundIdx+1}`}>
-                <div class="emoji">{getAssetEmoji(scoreAsset)}</div>
+                <div class="emoji">
+                  {#if balances[scoreAsset] <= 0}
+                  {getAssetEmoji(0)}
+                  {:else}
+                  {getAssetEmoji(scoreAsset)}
+                  {/if}
+                </div>
                 <div class="label">
+                  {#if balances[scoreAsset] <= 0}
+                  {formatAmount(balances[0])}
+                  {:else}
                   {formatAmount(balances[scoreAsset])}
+                  {/if}
                 </div>
               </a>
             </Pancake.Point>