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 20... Línea 20...
20 
    display: flex;
 20 
    display: flex;
21 
    flex-direction: column;
 21 
    flex-direction: column;
22 
    gap: 0.5rem;
 22 
    gap: 0.5rem;
23 
    max-height: 300px;
 23 
    max-height: 300px;
24 
    overflow: auto;
 24 
    overflow: auto;
- 
 
 25 
    margin-top: 1rem;
25 
  }
 26 
  }
26 
`
 27 
`
Línea 27... Línea 28...
27 
 
 28 
 
28 
const ContactTemplate = styled.div`
 29 
const ContactTemplate = styled.div`
29 
  display: flex;
 30 
  display: flex;
- 
 
 31 
  align-items: center;
30 
  align-items: center;
 32 
  justify-content: space-between;
- 
 
 33 
  gap: 0.5rem;
- 
 
 34 
  .info {
- 
 
 35 
    display: flex;
- 
 
 36 
    align-items: center;
- 
 
 37 
    gap: 0.5rem;
31 
  gap: 0.5rem;
 38 
  }
32 
  h3 {
 39 
  h3 {
33 
    font-size: 1rem;
 40 
    font-size: 1rem;
- 
 
 41 
    color: var(--subtitle-color);
34 
    color: var(--subtitle-color);
 42 
    font-weight: 600;
35 
  }
 43 
  }
Línea 36... Línea 44...
36 
`
 44 
`
37 
 
 45 
 
Línea 130... Línea 138...
130 
}
 138 
}
Línea 131... Línea 139...
131 
 
 139 
 
132 
const Item = ({ image, name, onClick }) => {
 140 
const Item = ({ image, name, onClick }) => {
133 
  return (
 141 
  return (
- 
 
 142 
    <ContactTemplate>
134 
    <ContactTemplate>
 143 
      <div className="info">
135 
      <Avatar src={image} alt={`user_${name}-image`} />
 144 
        <Avatar src={image} alt={`user_${name}-image`} />
- 
 
 145 
        <h3>{name}</h3>
136 
      <h3>{name}</h3>
 146 
      </div>
137 
      <IconButton onClick={onClick}>
 147 
      <IconButton onClick={onClick}>
138 
        <AddRounded />
 148 
        <AddRounded />
139 
      </IconButton>
 149 
      </IconButton>
140 
    </ContactTemplate>
 150 
    </ContactTemplate>