Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 931 Rev 933
Línea 19... Línea 19...
19 
  &:disabled {
 19 
  &:disabled {
20 
    cursor: no-drop;
 20 
    cursor: no-drop;
21 
  }
 21 
  }
22 
`
 22 
`
Línea 23... Línea 23...
23 
 
 23 
 
24 
const Button = ({
 24 
export const Button = ({
25 
  onClick = () => {},
 25 
  onClick = () => {},
26 
  label = 'Confirmar',
 26 
  label = 'Confirmar',
27 
  icon = null,
 27 
  icon = null,
28 
  ...rest
 28 
  ...rest
Línea 41... Línea 41...
41 
  &:hover {
 41 
  &:hover {
42 
    background-color: var(--button-bg-hover);
 42 
    background-color: var(--button-bg-hover);
43 
  }
 43 
  }
44 
`
 44 
`
Línea -... Línea 45...
- 
 
 45 
 
- 
 
 46 
export const ButtonPrimary = ({ label, icon, ...rest }) => {
- 
 
 47 
  return <BtnPrimary label={label} icon={icon} {...rest} />
- 
 
 48 
}
45 
 
 49 
 
46 
const BtnSecondary = styled(Button)`
 50 
const BtnSecondary = styled(Button)`
47 
  background: var(--button-bg-secondary);
 51 
  background: var(--button-bg-secondary);
48 
  border: 1px solid var(--border-primary);
 52 
  border: 1px solid var(--border-primary);
49 
  color: var(--button-text-color-secondary);
 53 
  color: var(--button-text-color-secondary);
50 
  &:hover {
 54 
  &:hover {
51 
    background-color: var(--button-bg-secondary-hover);
 55 
    background-color: var(--button-bg-secondary-hover);
52 
    border-color: transparent;
 56 
    border-color: transparent;
53 
  }
 57 
  }
Línea -... Línea 58...
- 
 
 58 
`
- 
 
 59 
 
- 
 
 60 
export const ButtonSecondary = ({ label, icon, ...rest }) => {
- 
 
 61 
  return <BtnSecondary label={label} icon={icon} {...rest} />
54 
`
 62 
}
55 
 
 63 
 
56 
const BtnTertiary = styled(Button)`
 64 
const BtnTertiary = styled(Button)`
57 
  background-color: var(--button-bg-tertiary);
 65 
  background-color: var(--button-bg-tertiary);
58 
  border-color: #f4f4f4;
 66 
  border-color: #f4f4f4;
Línea 63... Línea 71...
63 
    border: 1px solid var(--border-primary);
 71 
    border: 1px solid var(--border-primary);
64 
    color: var(--border-primary);
 72 
    color: var(--border-primary);
65 
  }
 73 
  }
66 
`
 74 
`
Línea 67... Línea -...
67 
 
 - 
 
68 
export const ButtonPrimary = ({ label, icon, ...rest }) => {
 - 
 
69 
  return <BtnPrimary label={label} icon={icon} {...rest} />
 - 
 
70 
}
 - 
 
71 
 
 - 
 
72 
export const ButtonSecondary = ({ label, icon, ...rest }) => {
 - 
 
73 
  return <BtnSecondary label={label} icon={icon} {...rest} />
 - 
 
74 
}
 - 
 
75 
 
 75 
 
76 
export const ButtonTertiary = ({ label, icon, onClick, ...rest }) => {
 76 
export const ButtonTertiary = ({ label, icon, onClick, ...rest }) => {
77 
  return <BtnTertiary label={label} icon={icon} onClick={onClick} {...rest} />
 77 
  return <BtnTertiary label={label} icon={icon} onClick={onClick} {...rest} />