Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2626 Rev 2627
Línea 3... Línea 3...
3 
import Slider from "react-slick";
 3 
import Slider from "react-slick";
4 
import styled from 'styled-components';
 4 
import styled from 'styled-components';
5 
// import "slick-carousel/slick/slick.css";
5 
// import "slick-carousel/slick/slick.css";
6 
// import "slick-carousel/slick/slick-theme.css";
 6 
// import "slick-carousel/slick/slick-theme.css";
Línea 7... Línea 7...
7 
 
 7 
 
8 
const StyledSlider = styled(Slider)`
 8 
const StyledSlider = styled(Slider)`c
9 
    .slick-list {
 9 
    .slick-list {
10 
        padding: 0 !important;
 10 
        padding: 0 !important;
11 
    }
 11 
    }
12 
    .slick-slide {
 12 
    .slick-slide {
Línea 19... Línea 19...
19 
        color: #FBFBFB !important;
 19 
        color: #FBFBFB !important;
20 
        font-size: 24px;
 20 
        font-size: 24px;
21 
    }
 21 
    }
22 
    .slick-prev, .slick-next {
 22 
    .slick-prev, .slick-next {
23 
        width: 24px;
 23 
        width: 24px;
24 
        height: 24px;
 24 
        height: 22px;
25 
        position: relative;
 25 
        position: relative;
26 
    }
 26 
    }
27 
`;
 27 
`;
Línea 28... Línea 28...
28 
 
 28 
 
Línea 105... Línea 105...
105 
        speed: 1500,
 105 
        speed: 1500,
106 
        slidesToShow: capsules.length < 4 ? 1 : 4,
 106 
        slidesToShow: capsules.length < 4 ? 1 : 4,
107 
        slidesToScroll: 1,
 107 
        slidesToScroll: 1,
108 
        nextArrow: <SampleNextArrow />,
 108 
        nextArrow: <SampleNextArrow />,
109 
        prevArrow: <SamplePrevArrow />,
 109 
        prevArrow: <SamplePrevArrow />,
110 
        responsive: [{
 110 
        responsive: [
- 
 
 111 
            {
111 
            breakpoint: 600,
 112 
                breakpoint: 768,
112 
            settings: {
 113 
                settings: {
113 
                slidesToShow: 2,
 114 
                    slidesToShow: 2,
114 
                slidesToScroll: 2,
 115 
                    slidesToScroll: 2,
- 
 
 116 
                    initialSlide: 0
- 
 
 117 
                }
- 
 
 118 
            },
- 
 
 119 
            {
- 
 
 120 
                breakpoint: 1024,
- 
 
 121 
                settings: {
- 
 
 122 
                    slidesToShow: 3,
- 
 
 123 
                    slidesToScroll: 3,
115 
                initialSlide: 2
 124 
                    initialSlide: 0
- 
 
 125 
                }
116 
            }
 126 
            }
117 
        }]
 127 
        ]
118 
    };
 128 
    };
119 
    return (
 129 
    return (
120 
        <React.Fragment>
 130 
        <React.Fragment>
121 
            <section className="companies-info">
 131 
            <section className="companies-info">
122 
                <div className="container">
 132 
                <div className="container">