fix: fix current price area in graph tooltip (#556)

* fix: fix current price area in graph tooltip * fix: font size
gnoswap-labs · Nov 12, 2024 · c0be32b · c0be32b
1 parent 694d05f
commit c0be32b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.styles.ts b/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.styles.ts
@@ -24,6 +24,11 @@ export const PoolGraphTooltipContainer = styled.div`
         flex-direction: row;
         align-items: center;
 
+        &.price {
+          width: 100%;
+          justify-content: flex-end;
+        }
+
         &.price-range {
           justify-content: flex-end;
         }

diff --git a/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.tsx b/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.tsx
@@ -113,8 +113,8 @@ const PoolGraphTooltip: React.FC<React.PropsWithRef<PoolGraphTooltipProps>> = ({
               {tooltipInfo.tokenA.symbol} {t("common:price")}
             </span>
           </span>
-          <span className={makeClassNameWithSmallFont("token-amount-value price-range", displayTooltipInfo.tokenAPriceRange)}>
-            {displayTooltipInfo.tokenAPriceRange}
+          <span className={"token-amount-value price"}>
+            {displayTooltipInfo.tokenAPrice}
           </span>
         </div>
 
@@ -131,8 +131,8 @@ const PoolGraphTooltip: React.FC<React.PropsWithRef<PoolGraphTooltipProps>> = ({
               {tooltipInfo.tokenB.symbol} {t("common:price")}
             </span>
           </span>
-          <span className={makeClassNameWithSmallFont("token-amount-value price-range", displayTooltipInfo.tokenBPriceRange)}>
-            {displayTooltipInfo.tokenBPriceRange}
+          <span className={"token-amount-value price"}>
+            {displayTooltipInfo.tokenBPrice}
           </span>
         </div>
       </div>