some refactor

zatoichi-labs · Aug 4, 2022 · a575455 · a575455
1 parent da60606
commit a575455
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 10 deletions.
diff --git a/nym-wallet/src/components/Nav.tsx b/nym-wallet/src/components/Nav.tsx
@@ -99,10 +99,10 @@ export const Nav = () => {
  onClick={onClick}
  sx={{
  cursor: 'pointer',
- py: '16px',
- paddingLeft: '32px',
- borderRadius: '8px',
- '&:hover': { backgroundColor: (theme) => (theme.palette.mode === 'light' ? '#F9F9F9' : '#36393E') },
+ py: 2,
+ paddingLeft: 3.5,
+ borderRadius: 1,
+ '&:hover': { backgroundColor: (theme) => theme.palette.nym.nymWallet.hover.background },
  }}
  >
  <ListItemIcon

diff --git a/nym-wallet/src/layouts/AppLayout.tsx b/nym-wallet/src/layouts/AppLayout.tsx
@@ -27,7 +27,6 @@ export const ApplicationLayout: React.FC = ({ children }) => {
  background: (t) => t.palette.nym.nymWallet.nav.background,
  overflow: 'auto',
  py: 5,
- px: 0,
  }}
  display="flex"
  flexDirection="column"

diff --git a/nym-wallet/src/theme/mui-theme.d.ts b/nym-wallet/src/theme/mui-theme.d.ts
@@ -64,6 +64,9 @@ declare module '@mui/material/styles' {
  nav: {
  background: string;
  };
+ hover: {
+ background: string;
+ };
  }
 
  /**
@@ -82,16 +85,16 @@ declare module '@mui/material/styles' {
  /**
  * Add anything not palette related to the theme here
  */
- interface NymTheme {}
+ interface NymTheme { }
 
  /**
  * This augments the definitions of the MUI Theme with the Nym theme, as well as
  * a partial `ThemeOptions` type used by `createTheme`
  *
  * IMPORTANT: only add extensions to the interfaces above, do not modify the lines below
  */
- interface Theme extends NymTheme {}
- interface ThemeOptions extends Partial<NymTheme> {}
- interface Palette extends NymPaletteAndNymWalletPalette {}
- interface PaletteOptions extends NymPaletteAndNymWalletPaletteOptions {}
+ interface Theme extends NymTheme { }
+ interface ThemeOptions extends Partial<NymTheme> { }
+ interface Palette extends NymPaletteAndNymWalletPalette { }
+ interface PaletteOptions extends NymPaletteAndNymWalletPaletteOptions { }
 }
diff --git a/nym-wallet/src/theme/theme.tsx b/nym-wallet/src/theme/theme.tsx
@@ -56,6 +56,9 @@ const darkMode: NymPaletteVariant = {
  nav: {
  background: '#292E34',
  },
+ hover: {
+ background: '#36393E',
+ },
 };
 
 const lightMode: NymPaletteVariant = {
@@ -80,6 +83,9 @@ const lightMode: NymPaletteVariant = {
  nav: {
  background: '#FFFFFF',
  },
+ hover: {
+ background: '#F9F9F9',
+ },
 };
 
 /**