Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7263 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 7263 Rev 7264
Línea 18... Línea 18...
18 
    display: flex;
 18 
    display: flex;
19 
    flex-direction: column;
 19 
    flex-direction: column;
20 
    gap: 0.5rem;
 20 
    gap: 0.5rem;
21 
    max-height: 300px;
 21 
    max-height: 300px;
22 
    overflow: auto;
 22 
    overflow: auto;
- 
 
 23 
    margin-top: 1rem;
23 
  }
 24 
  }
24 
`
 25 
`
Línea 25... Línea 26...
25 
 
 26 
 
26 
const ContactTemplate = styled.div`
 27 
const ContactTemplate = styled.div`
27 
  display: flex;
 28 
  display: flex;
- 
 
 29 
  align-items: center;
28 
  align-items: center;
 30 
  justify-content: space-between;
- 
 
 31 
  gap: 0.5rem;
- 
 
 32 
  .info {
- 
 
 33 
    display: flex;
- 
 
 34 
    align-items: center;
- 
 
 35 
    gap: 0.5rem;
29 
  gap: 0.5rem;
 36 
  }
30 
  h3 {
 37 
  h3 {
31 
    font-size: 1rem;
 38 
    font-size: 1rem;
- 
 
 39 
    color: var(--subtitle-color);
32 
    color: var(--subtitle-color);
 40 
    font-weight: 600;
33 
  }
 41 
  }
Línea 34... Línea 42...
34 
`
 42 
`
35 
 
 43 
 
Línea 89... Línea 97...
89 
}
 97 
}
Línea 90... Línea 98...
90 
 
 98 
 
91 
const Item = ({ image, name, onClick }) => {
 99 
const Item = ({ image, name, onClick }) => {
92 
  return (
 100 
  return (
- 
 
 101 
    <ContactTemplate>
93 
    <ContactTemplate>
 102 
      <div className="info">
94 
      <Avatar src={image} alt="user_image" />
 103 
        <Avatar src={image} alt="user_image" />
- 
 
 104 
        <span>{name}</span>
95 
      <span>{name}</span>
 105 
      </div>
96 
      <IconButton onClick={onClick}>
 106 
      <IconButton onClick={onClick}>
97 
        <GroupRemoveIcon />
 107 
        <GroupRemoveIcon />
98 
      </IconButton>
 108 
      </IconButton>
99 
    </ContactTemplate>
 109 
    </ContactTemplate>