Merge pull request #551 from DeXter-on-Radix/fix-alignment

fix spacing
DeXter-on-Radix · Aug 9, 2024 · 141cf29 · 141cf29
2 parents 0893d56 + 9320d22
commit 141cf29
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],
@@ -425,7 +425,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}
@@ -442,7 +442,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
@@ -456,7 +456,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}
@@ -473,7 +473,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">