style: align colors and width of sub-menu's divider

PolkaGate · Oct 28, 2024 · 74416ba · 74416ba
1 parent fffb353
commit 74416ba
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/packages/extension-polkagate/src/partials/ImportAccSubMenu.tsx b/packages/extension-polkagate/src/partials/ImportAccSubMenu.tsx
@@ -1,6 +1,5 @@
 // Copyright 2019-2024 @polkadot/extension-polkagate authors & contributors
 // SPDX-License-Identifier: Apache-2.0
-// @ts-nocheck
 
 /* eslint-disable react/jsx-max-props-per-line */
 
@@ -19,7 +18,7 @@ interface Props {
   show: boolean;
 }
 
-function ImportAccSubMenu({ show, toggleSettingSubMenu }: Props): React.ReactElement<Props> {
+function ImportAccSubMenu ({ show, toggleSettingSubMenu }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
   const theme = useTheme();
   const onAction = useContext(ActionContext);
@@ -54,8 +53,8 @@ function ImportAccSubMenu({ show, toggleSettingSubMenu }: Props): React.ReactEle
 
   return (
     <Collapse easing={{ enter: '200ms', exit: '100ms' }} in={show} sx={{ width: '100%' }}>
-      <Grid container item>
-        <Divider sx={{ bgcolor: 'secondary.light', height: '1px', width: '100%' }} />
+      <Grid container item justifyContent='flex-end'>
+        <Divider sx={{ bgcolor: 'divider', height: '1px', mr: '10px', width: '83%' }} />
         <Grid container direction='column' display='block' item sx={{ p: '10px', pr: 0 }}>
           <MenuItem
             fontSize='17px'

diff --git a/packages/extension-polkagate/src/partials/NewAccountSubMenu.tsx b/packages/extension-polkagate/src/partials/NewAccountSubMenu.tsx
@@ -1,6 +1,5 @@
 // Copyright 2019-2024 @polkadot/extension-polkagate authors & contributors
 // SPDX-License-Identifier: Apache-2.0
-// @ts-nocheck
 
 /* eslint-disable react/jsx-max-props-per-line */
 
@@ -15,7 +14,7 @@ interface Props {
   show: boolean;
 }
 
-function NewAccountSubMenu({ show }: Props): React.ReactElement<Props> {
+function NewAccountSubMenu ({ show }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
   const theme = useTheme();
   const onAction = useContext(ActionContext);
@@ -31,8 +30,8 @@ function NewAccountSubMenu({ show }: Props): React.ReactElement<Props> {
 
   return (
     <Collapse easing={{ enter: '200ms', exit: '100ms' }} in={show} sx={{ width: '100%' }}>
-      <Grid container item>
-        <Divider sx={{ bgcolor: 'secondary.light', height: '1px', width: '100%' }} />
+      <Grid container item justifyContent='flex-end'>
+        <Divider sx={{ bgcolor: 'divider', height: '1px', mr: '10px', width: '83%' }} />
         <Grid container direction='column' display='block' item sx={{ p: '10px', pr: 0 }}>
           <MenuItem
             fontSize='17px'