From 275ded52a2054f584081d665f58662c874f05d84 Mon Sep 17 00:00:00 2001
From: GabrielPrediger <gabrielprediger046@gmail.com>
Date: Fri, 26 Jan 2024 12:15:55 -0300
Subject: [PATCH 1/3] feat(SendEvm): select token layout

---
 palette.js                    | 2 +-
 source/pages/Send/SendEth.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/palette.js b/palette.js
index 6587f5043..1f60e6a22 100644
--- a/palette.js
+++ b/palette.js
@@ -109,7 +109,7 @@ module.exports = {
   },
 
   alpha: {
-    whiteAlpha300: '#FFFFFF29',
+    whiteAlpha300: 'rgba(255, 255, 255, 0.16)',
     whiteAlpha200: 'rgba(255, 255, 255, 0.08)',
   },
 
diff --git a/source/pages/Send/SendEth.tsx b/source/pages/Send/SendEth.tsx
index 021e47306..2595faa17 100644
--- a/source/pages/Send/SendEth.tsx
+++ b/source/pages/Send/SendEth.tsx
@@ -284,7 +284,7 @@ export const SendEth = () => {
             <span
               className={`${
                 hasAccountAssets ? 'flex' : 'hidden'
-              } items-center justify-center px-5 bg-fields-input-primary hover:bg-opacity-30 border border-fields-input-border rounded-l-full`}
+              } items-center absolute left-[71%] z-[99] h-[40px] justify-center px-5 bg-transparent hover:bg-opacity-30`}
             >
               {hasAccountAssets ? (
                 <Form.Item
@@ -301,12 +301,12 @@ export const SendEth = () => {
                     <div className="relative inline-block text-left">
                       <Menu.Button
                         disabled={!hasAccountAssets}
-                        className="inline-flex justify-center py-3 w-full text-white text-sm font-medium"
+                        className="inline-flex justify-center items-center py-3 w-full text-white text-xs font-normal"
                       >
                         {String(getLabel())}
 
                         <ChevronDoubleDownIcon
-                          className="text-violet-200 hover:text-violet-100 -mr-1 ml-2 w-5 h-5"
+                          className="text-white hover:text-violet-100 -mr-1 ml-2 w-5 h-5"
                           aria-hidden="true"
                         />
                       </Menu.Button>
@@ -323,7 +323,7 @@ export const SendEth = () => {
                         {hasAccountAssets ? (
                           <Menu.Items
                             as="div"
-                            className="scrollbar-styled absolute z-10 left-0 mt-2 py-3 w-44 h-56 text-brand-white font-poppins bg-bkg-3 border border-fields-input-border focus:border-fields-input-borderfocus rounded-2xl shadow-2xl overflow-auto origin-top-right"
+                            className="scrollbar-styled absolute z-10 left-[-103px] mt-[1px] py-3 w-44 h-56 text-brand-white font-poppins bg-brand-blue800 border border-alpha-whiteAlpha300 rounded-2xl shadow-2xl overflow-auto origin-top-right"
                           >
                             <Menu.Item>
                               <button

From 2ae8816460e3aa3f3239891fb7760ee16e3eb546 Mon Sep 17 00:00:00 2001
From: GabrielPrediger <gabrielprediger046@gmail.com>
Date: Fri, 26 Jan 2024 14:34:38 -0300
Subject: [PATCH 2/3] feat(Receive): receive new style

---
 source/pages/Receive/Receive.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/source/pages/Receive/Receive.tsx b/source/pages/Receive/Receive.tsx
index 7b88a7aa8..d60f6eb3d 100755
--- a/source/pages/Receive/Receive.tsx
+++ b/source/pages/Receive/Receive.tsx
@@ -37,31 +37,37 @@ export const Receive = () => {
       id="receiveSYS-title"
     >
       {activeAccount.address ? (
-        <div className="flex flex-col items-center justify-center w-full">
+        <div className="flex flex-col items-center justify-center w-screen">
           <div id="qr-code">
             <QRCodeSVG
               value={activeAccount.address}
               bgColor="#fff"
               fgColor="#000"
               style={{
-                height: '240px',
-                width: '225px',
+                height: '186px',
+                width: '186px',
                 padding: '6px',
                 backgroundColor: '#fff',
+                borderRadius: '10px',
               }}
             />
           </div>
-
-          <p className="mt-4 text-base">
-            {ellipsis(activeAccount.address, 4, 10)}
-          </p>
+          <div className="flex flex-wrap w-[60%]">
+            <p
+              className="mt-4 text-sm text-center"
+              style={{ wordBreak: 'break-all' }}
+            >
+              {activeAccount.address}
+            </p>
+          </div>
 
           <div
-            className="absolute bottom-12 md:static md:mt-6"
+            className="relative w-[96%] mt-36 md:static md:mt-6"
             id="copy-address-receive-btn"
           >
             <NeutralButton
               type="button"
+              fullWidth={true}
               onClick={() => copyText(activeAccount.address)}
             >
               <span className="text-xs">{t('buttons.copy')}</span>

From 976277dffc420e1da4a1a4c915428fad5f15ef5e Mon Sep 17 00:00:00 2001
From: GabrielPrediger <gabrielprediger046@gmail.com>
Date: Fri, 26 Jan 2024 14:34:54 -0300
Subject: [PATCH 3/3] feat(Receive): receive new style

---
 source/pages/Receive/Receive.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/source/pages/Receive/Receive.tsx b/source/pages/Receive/Receive.tsx
index d60f6eb3d..9a0195ff3 100755
--- a/source/pages/Receive/Receive.tsx
+++ b/source/pages/Receive/Receive.tsx
@@ -7,7 +7,6 @@ import { Layout, NeutralButton } from 'components/index';
 import { LoadingComponent } from 'components/Loading';
 import { useUtils } from 'hooks/index';
 import { RootState } from 'state/store';
-import { ellipsis } from 'utils/index';
 
 export const Receive = () => {
   const { useCopyClipboard, alert } = useUtils();