Address design review

safe-global · Nov 29, 2024 · 55cceba · 55cceba
1 parent 93a9283
commit 55cceba
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/public/images/sidebar/subaccounts-icon.svg b/public/images/sidebar/subaccounts-icon.svg
diff --git a/src/components/sidebar/SubaccountInfo/index.tsx b/src/components/sidebar/SubaccountInfo/index.tsx
@@ -39,9 +39,9 @@ export function SubaccountInfo(): ReactElement {
       </Box>
       <List sx={{ p: 0, display: 'flex', flexDirection: 'column', gap: 2 }}>
         {[
-          'Use them for specific cases such as DeFi operations',
-          'Install modules to execute transactions, bypassing thresholds',
-          'Make sure that this Safe is not exposed to additional risks',
+          'rebuild your organizational structure onchain',
+          'explore new DeFi opportunities without exposing your main Account',
+          'deploy specialized modules and enable easier access through passkeys and other signers',
         ].map((item) => {
           return (
             <ListItem key={item} sx={{ p: 0, pl: 1.5, alignItems: 'unset' }}>

diff --git a/src/components/sidebar/SubaccountsButton/styles.module.css b/src/components/sidebar/SubaccountsButton/styles.module.css
@@ -1,10 +1,12 @@
 .badge :global .MuiBadge-badge {
-  border: 2px solid var(--color-background-paper);
+  border: 1px solid var(--color-background-main);
   border-radius: 50%;
   box-sizing: content-box;
-  right: 10px;
+  right: 12px;
   top: 8px;
-  background-color: var(--color-success-light);
+  background-color: var(--color-secondary-main);
+  height: 6px;
+  min-width: 6px;
 }
 
 .count {

diff --git a/src/components/tx-flow/flows/CreateSubaccount/SetupSubaccount.tsx b/src/components/tx-flow/flows/CreateSubaccount/SetupSubaccount.tsx
@@ -251,7 +251,7 @@ function AssetInputs({ name }: { name: SetupSubaccountFormFields.assets }) {
         sx={{ my: 3 }}
         disabled={nonSelectedAssets.length === 0}
       >
-        Add asset
+        Fund new asset
       </Button>
     </>
   )