Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2624 Rev 2625
Línea 4... Línea 4...
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)`
- 
 
 9 
    .slick-slider {
- 
 
 10 
        display: flex;
- 
 
 11 
        align-center: center;
8 
const StyledSlider = styled(Slider)`
 12 
    }
9 
    .slick-list {
 13 
    .slick-list {
10 
        padding: 0 !important;
 - 
 
11 
        margin: 0 -27px;
 14 
        padding: 0 !important;
12 
    }
 15 
    }
13 
    .slick-slide {
 16 
    .slick-slide {
14 
        margin: 0 27px;
 17 
        margin: 0 27px;
15 
    }
 18 
    }
Línea 20... Línea 23...
20 
        color: #FBFBFB !important;
 23 
        color: #FBFBFB !important;
21 
        font-size: 24px;
 24 
        font-size: 24px;
22 
    }
 25 
    }
23 
    .slick-prev, .slick-next {
 26 
    .slick-prev, .slick-next {
24 
        width: 24px;
 27 
        width: 24px;
25 
        height: 22px;
 28 
        height: 24px;
- 
 
 29 
        position: relative;
26 
    }
 30 
    }
27 
`;
 31 
`;
Línea 28... Línea 32...
28 
 
 32 
 
29 
const SampleNextArrow = (props) => {
 33 
const SampleNextArrow = (props) => {
30 
    const { className, style, onClick } = props;
 34 
    const { className, style, onClick } = props;
31 
    return (
 35 
    return (
32 
        <div
 36 
        <div
33 
            className={className}
 37 
            className={className}
34 
            style={{ ...style, display: "block", backgroundColor: "#D9D9D9" }}
 38 
            style={{ ...style, display: "block", backgroundColor: "#D9D9D9", borderRadius: '100px' }}
35 
            onClick={onClick}
 39 
            onClick={onClick}
36 
        />
 40 
        />
37 
    );
 41 
    );
Línea 38... Línea 42...
38 
}
 42 
}
39 
 
 43 
 
40 
const SamplePrevArrow = (props) => {
 44 
const SamplePrevArrow = (props) => {
41 
    const { className, style, onClick } = props;
 45 
    const { className, style, onClick } = props;
42 
    return (
 46 
    return (
43 
        <div
 47 
        <div
44 
            className={className}
 48 
            className={className}
45 
            style={{ ...style, display: "block", backgroundColor: "#D9D9D9" }}
 49 
            style={{ ...style, display: "block", backgroundColor: "#D9D9D9", borderRadius: '100px' }}
46 
            onClick={onClick}
 50 
            onClick={onClick}
47 
        />
 51 
        />