Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2270 Rev 2271
Línea 11... Línea 11...
11 
 
 11 
 
12 
const EmojisList = styled('div')`
 12 
const EmojisList = styled('div')`
13 
  display: flex;
 13 
  display: flex;
14 
  gap: 0.5rem;
 14 
  gap: 0.5rem;
- 
 
 15 
  justify-content: center;
15 
  justify-content: center;
 16 
  padding: 0.5rem 0;
Línea 16... Línea 17...
16 
`
 17 
`
17 
 
 18 
 
18 
const EmojiItem = styled('button')`
 19 
const EmojiItem = styled('button')`
19 
  width: 32px;
 20 
  width: 32px;
20 
  height: 32px;
 - 
 
21 
  border-radius: 50%;
 21 
  height: 32px;
22 
  transition: all 300ms;
 - 
 
23 
  & > img {
 22 
  border-radius: 50%;
24 
    width: 100%;
 23 
  & > img {
- 
 
 24 
    height: 100%;
- 
 
 25 
    object-fit: cover;
25 
    height: 100%;
 26 
    width: 100%;
26 
    object-fit: cover;
 27 
    transition: all 300ms;
27 
  }
 28 
  }
28 
  &:hover {
 29 
  &:hover > img {
29 
    transform: translateY(-10px);
 30 
    transform: translateY(-5px);
Línea 30... Línea 31...
30 
  }
 31 
  }
31 
`
 32 
`
Línea 39... Línea 40...
39 
  const completed =
 40 
  const completed =
40 
    emojisHowAreYouFeel.length === 1 && emojisClimateOrganization.length === 1
 41 
    emojisHowAreYouFeel.length === 1 && emojisClimateOrganization.length === 1
Línea 41... Línea 42...
41 
 
 42 
 
42 
  return (
 43 
  return (
43 
    <Widget styles={{ display: completed ? 'none' : 'block' }}>
 44 
    <Widget styles={{ display: completed ? 'none' : 'block' }}>
Línea -... Línea 45...
- 
 
 45 
      <Widget.Header title='Pulso Diario' styles={{ paddingBottom: 0 }} />
44 
      <Widget.Header title='Pulso Diario' styles={{ paddinBottom: 0 }} />
 46 
 
- 
 
 47 
      <Widget.Body
45 
 
 48 
        styles={{ textAlign: 'center', '& h4': { fontWeight: 400 } }}
46 
      <Widget.Body styles={{ textAlign: 'center' }}>
 49 
      >
47 
        <Emojis
 50 
        <Emojis
48 
          title='¿Como te sientes hoy?'
 51 
          title='¿Como te sientes hoy?'
49 
          options={emojisHowAreYouFeel}
 52 
          options={emojisHowAreYouFeel}