Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1567 | Rev 2162 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1567 Rev 1569
Línea 1... Línea 1...
1 
import { styled } from '@mui/material'
 1 
import { Button } from '@mui/material'
2 
 
 - 
 
3 
const Button = styled('button', {
 - 
 
4 
  overridesResolver: (props, styles) => [
 - 
 
5 
    styles.root,
 - 
 
6 
    props.variant === 'primary' && {
 - 
 
7 
      backgroundColor: 'var(--button-bg)',
 - 
 
8 
      color: 'var(--button-text-color)',
 - 
 
9 
      border: '1px solid var(--button-bg)',
 - 
 
10 
      '&:hover': {
 - 
 
11 
        backgroundColor: 'var(--button-bg-hover)',
 - 
 
12 
        color: 'var(--button-text-color-hover)'
 - 
 
13 
      }
 - 
 
14 
    },
 - 
 
15 
    props.variant === 'secondary' && {
 - 
 
16 
      background: 'var(--button-bg-secondary)',
 - 
 
17 
      border: '1px solid var(--border-primary) ',
 - 
 
18 
      color: 'var(--button-text-color-secondary)',
 - 
 
19 
      '&:hover': {
 - 
 
20 
        background: 'var(--button-bg-secondary-hover)',
 - 
 
21 
        border: 'transparent'
 - 
 
22 
      }
 - 
 
23 
    },
 - 
 
24 
    props.variant === 'tertiary' && {
 - 
 
25 
      background: 'var(--button-bg-tertiary)',
 - 
 
26 
      border: '1px solid #f4f4f4',
 - 
 
27 
      color: 'var(--button-text-color-tertiary)',
 - 
 
28 
      '&:hover': {
 - 
 
29 
        background: '#d4d4d4',
 - 
 
30 
        border: 'transparent',
 - 
 
31 
        color: 'var(--button-text-color-tertiary)'
 - 
 
32 
      }
 - 
 
33 
    }
 - 
 
34 
  ]
 - 
 
35 
})(() => ({
 - 
 
36 
  borderRadius: '30px',
 - 
 
37 
  alignItems: 'center',
 - 
 
38 
  justifyContent: 'center',
 - 
 
39 
  padding: '0.2rem 1rem',
 - 
 
40 
  border: 'none',
 - 
 
41 
  cursor: 'pointer',
 - 
 
42 
  fontWeight: 600,
 - 
 
43 
  fontSize: '0.9rem',
 - 
 
44 
  display: 'inline-flex',
 - 
 
45 
  overflow: 'hidden',
 - 
 
46 
  textAlign: 'center',
 - 
 
47 
  transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
 - 
 
48 
  '&:hover': {
 - 
 
49 
    backgroundColor: 'whitesmoke'
 - 
 
50 
  },
 - 
 
51 
  '&:disabled': {
 - 
 
52 
    cursor: 'no-drop',
 - 
 
53 
    backgroundColor: '#dddddd',
 - 
 
54 
    color: '#a3a1a1'
 - 
 
55 
  }
 - 
 
56 
}))
 - 
 
Línea 57... Línea 2...
57 
 
 2