Merge remote-tracking branch 'origin/show-resource-addresses' into sh…

…ow-resource-addresses
DeXter-on-Radix · Aug 9, 2024 · a705b1e · a705b1e
2 parents 7df3576 + 141cf29
commit a705b1e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/app/components/PriceChart.tsx b/src/app/components/PriceChart.tsx
@@ -284,7 +284,7 @@ export function TradingChartOrPairInfo() {
 
   return (
     <div>
-      <div className="flex flex-col sm:flex-row justify-between sm:pr-10 pr-4 border-b-[0.5px] border-b-[rgba(255,255,255,0.13)]">
+      <div className="flex flex-col sm:flex-row justify-between sm:pr-10 pr-4 border-b-[0.5px] border-b-[rgba(255,255,255,0.1)]">
         <div className="flex space-x-4 sm:space-x-5 pb-0 pt-2 px-2">
           {[
             [t("trading_chart"), ChartTabOptions.TRADING_CHART],
@@ -424,7 +424,7 @@ export function PairInfoTab() {
         </div>
 
         <div className="flex flex-col sm:flex-row">
-          <div className="flex flex-col items-start mb-4 sm:mb-0 flex-grow">
+          <div className="flex flex-col items-start mb-4 sm:mb-0 w-[50%]">
             <div className="flex items-start mb-2 pt-8">
               <img
                 src={token1?.iconUrl}
@@ -441,7 +441,7 @@ export function PairInfoTab() {
               </p>
               <div className="flex items-start">
                 <p className="text-base">
-                  {shortenString(token1?.address, 8, 20, "...")}
+                  {shortenString(token1?.address, 8, 10, "...")}
                 </p>
                 <CopyToClipboard text={token1?.address} onCopy={handleCopy}>
                   <MdContentCopy
@@ -455,7 +455,7 @@ export function PairInfoTab() {
 
           <div className="border-b-2 border-[rgba(255,255,255,0.05)] sm:border-r-2 sm:border-b-0 my-4 sm:my-0 sm:mx-4 sm:min-h-[150px] sm:max-h-[200px]"></div>
 
-          <div className="flex flex-col items-start mb-4 sm:mb-0 flex-grow">
+          <div className="flex flex-col items-start mb-4 sm:mb-0 w-[50%]">
             <div className="flex items-center sm:mb-2 sm:pt-8 xs:pt-4">
               <img
                 src={token2?.iconUrl}
@@ -472,7 +472,7 @@ export function PairInfoTab() {
               </p>
               <div className="flex items-center">
                 <p className="text-base">
-                  {shortenString(token2?.address, 8, 20, "...")}
+                  {shortenString(token2?.address, 8, 10, "...")}
                 </p>
                 <CopyToClipboard text={token2?.address} onCopy={handleCopy}>
                   <MdContentCopy

diff --git a/src/app/trade/page.tsx b/src/app/trade/page.tsx
@@ -120,7 +120,7 @@ export default function Trade() {
           <div className="orderInput max-[850px]:p-5 max-[700px]:p-0 ">
             <OrderInput />
           </div>
-          <div className="priceChart pl-4 pr-2 pt-2">
+          <div className="priceChart pl-4 pr-4 pt-2">
             <TradingChartOrPairInfo />
           </div>
           <div className="tradeHistory max-w-[100%] w-full overflow-x-auto scrollbar-thin">