Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6993 Rev 6995
Línea 44... Línea 44...
44 
    grid-row: 1;
 44 
    grid-row: 1;
45 
    grid-column: 3/4;
 45 
    grid-column: 3/4;
46 
  }
 46 
  }
47 
`
 47 
`
Línea -... Línea 48...
- 
 
 48 
 
- 
 
 49 
const StyledNextArrow = styled(IconButton)`
- 
 
 50 
  border: 1px solid var(--font-color);
- 
 
 51 
  grid-row: 1;
- 
 
 52 
  grid-column: 3;
- 
 
 53 
`
- 
 
 54 
 
- 
 
 55 
const StyledPrevArrow = styled(IconButton)`
- 
 
 56 
  border: 1px solid var(--font-color);
- 
 
 57 
  grid-row: 1;
- 
 
 58 
  grid-column: 2;
- 
 
 59 
`
48 
 
 60 
 
49 
const SampleNextArrow = ({ onClick }) => {
 61 
const NextArrow = ({ onClick }) => {
50 
  return (
 62 
  return (
51 
    <IconButton onClick={onClick}>
 63 
    <StyledNextArrow onClick={onClick}>
52 
      <NavigateNextIcon />
 64 
      <NavigateNextIcon />
53 
    </IconButton>
 65 
    </StyledNextArrow>
54 
  )
 66 
  )
Línea 55... Línea 67...
55 
}
 67 
}
56 
 
 68 
 
57 
const SamplePrevArrow = ({ onClick }) => {
 69 
const PrevArrow = ({ onClick }) => {
58 
  return (
 70 
  return (
59 
    <IconButton onClick={onClick}>
 71 
    <StyledPrevArrow onClick={onClick}>
60 
      <NavigateBeforeIcon />
 72 
      <NavigateBeforeIcon />
61 
    </IconButton>
 73 
    </StyledPrevArrow>
Línea 62... Línea 74...
62 
  )
 74 
  )
63 
}
 75 
}
64 
 
 76 
 
65 
const CapsulesList = ({ capsules, onEnroll }) => {
 77 
const CapsulesList = ({ capsules, onEnroll }) => {
66 
  const settings = {
 78 
  const settings = {
67 
    infinite: true,
 79 
    infinite: true,
68 
    speed: 1500,
 80 
    speed: 1500,
69 
    slidesToShow: capsules.length < 4 ? capsules.length : 4,
 81 
    slidesToShow: capsules.length < 4 ? capsules.length : 4,
70 
    slidesToScroll: 1,
 82 
    slidesToScroll: 1,
71 
    nextArrow: <SampleNextArrow />,
 83 
    nextArrow: <NextArrow />,
72 
    prevArrow: <SamplePrevArrow />,
 84 
    prevArrow: <PrevArrow />,
73 
    responsive: [
 85 
    responsive: [
74 
      {
 86 
      {