Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 534 Rev 535
Línea 8... Línea 8...
8 
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
 8 
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
9 
  height: fit-content;
 9 
  height: fit-content;
10 
  width: -moz-available;
 10 
  width: -moz-available;
11 
  width: -webkit-fill-available;
 11 
  width: -webkit-fill-available;
12 
  width: fill-available;
 12 
  width: fill-available;
13 
  p {
 - 
 
14 
    color: var(--font-color);
 - 
 
15 
    font-size: 14px;
 - 
 
16 
    text-align: justify;
 - 
 
17 
  }
 - 
 
18 
  span {
 - 
 
19 
    font-size: 0.9rem;
 - 
 
20 
  }
 - 
 
21 
  @media ${device.tablet} {
 13 
  @media ${device.tablet} {
22 
    border-radius: var(--border-radius);
 14 
    border-radius: var(--border-radius);
23 
  }
 15 
  }
24 
`
 16 
`
Línea 29... Línea 21...
29 
  padding: 5px 1rem;
 21 
  padding: 5px 1rem;
30 
  align-items: center;
 22 
  align-items: center;
31 
  position: relative;
 23 
  position: relative;
32 
`
 24 
`
Línea -... Línea 25...
- 
 
 25 
 
- 
 
 26 
const LayoutBody = styled.div`
- 
 
 27 
  padding: 1rem;
- 
 
 28 
  display: flex;
- 
 
 29 
  flex-direction: column;
- 
 
 30 
  gap: 0.5rem;
- 
 
 31 
  p {
- 
 
 32 
    color: var(--font-color);
- 
 
 33 
    font-size: 14px;
- 
 
 34 
    text-align: justify;
- 
 
 35 
  }
- 
 
 36 
  span {
- 
 
 37 
    font-size: 0.9rem;
- 
 
 38 
  }
- 
 
 39 
`
33 
 
 40 
 
34 
const HeaderInfo = styled.div`
 41 
const HeaderInfo = styled.div`
35 
  align-items: center;
 42 
  align-items: center;
36 
  display: inline-flex;
 43 
  display: inline-flex;
37 
  gap: 0.5rem;
 44 
  gap: 0.5rem;
- 
 
 45 
  width: fit-content;
- 
 
 46 
  h2 {
- 
 
 47 
    font-size: 1rem;
38 
  width: fit-content;
 48 
  }
Línea 39... Línea 49...
39 
`
 49 
`
40 
 
 50 
 
41 
const LayoutActions = styled.div`
 51 
const LayoutActions = styled.div`
Línea 69... Línea 79...
69 
 
 79 
 
70 
const Actions = ({ children, ...rest }) => {
 80 
const Actions = ({ children, ...rest }) => {
71 
  return <LayoutActions {...rest}>{children}</LayoutActions>
 81 
  return <LayoutActions {...rest}>{children}</LayoutActions>
Línea -... Línea 82...
- 
 
 82 
}
- 
 
 83 
 
- 
 
 84 
const Body = ({ children, ...rest }) => {
- 
 
 85 
  return <LayoutBody {...rest}>{children}</LayoutBody>
72 
}
 86 
}
73 
 
 87 
 
74 
const Header = ({ image, title, children, ...rest }) => {
 88 
const Header = ({ image, title, children, ...rest }) => {
75 
  return (
 89 
  return (
76 
    <LayoutHeader {...rest}>
 90 
    <LayoutHeader {...rest}>
Línea 89... Línea 103...
89 
  )
 103 
  )
90 
}
 104 
}
Línea 91... Línea 105...
91 
 
 105 
 
92 
StyledContainer.Actions = Actions
 106 
StyledContainer.Actions = Actions
- 
 
 107 
StyledContainer.Header = Header
Línea 93... Línea 108...
93 
StyledContainer.Header = Header
 108 
StyledContainer.Body = Body