Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1770 Rev 1771
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { Box, styled } from '@mui/material'
 2 
import { Box, styled } from '@mui/material'
Línea 3... Línea 3...
3 
 
 3 
 
4 
const EllipsisContainer = styled(Box)`
 4 
const EllipsisContainer = styled(Box)`
5 
  margin: 0 auto 0;
 5 
  margin: auto;
6 
  width: 80px;
 - 
 
7 
  text-align: center;
 6 
  width: 80px;
8 
  height: 80px;
 7 
  height: 80px;
9 
  border-radius: 100px;
 8 
  border-radius: 100px;
10 
  background-color: #fff;
 - 
 
11 
  line-height: 80px;
 9 
  background-color: #fff;
- 
 
 10 
  border: 1px solid #e1e1e1;
12 
  border: 1px solid #e1e1e1;
 11 
  display: flex;
13 
  cursor: pointer;
 - 
 
14 
 
 12 
  align-items: center;
15 
  .bounce {
 13 
  .bounce {
16 
    width: 15px;
 14 
    width: 15px;
17 
    height: 15px;
 15 
    height: 15px;
18 
    background-color: #b9b9b9;
 16 
    background-color: #b9b9b9;
19 
    border-radius: 100%;
 17 
    border-radius: 100%;
20 
    display: inline-block;
 18 
    display: inline-block;
21 
    -webkit-animation: bounce_delay 1.4s infinite ease-in-out both;
 19 
    -webkit-animation: bounce_delay 1.4s infinite ease-in-out both;
22 
    animation: bounce_delay 1.4s infinite ease-in-out both;
 20 
    animation: bounce_delay 1.4s infinite ease-in-out both;
23 
  }
 - 
 
24 
 
 21 
  }
25 
  .bounce:nth-child(1) {
 22 
  .bounce:nth-child(1) {
26 
    -webkit-animation-delay: -0.32s;
 23 
    -webkit-animation-delay: -0.32s;
27 
    animation-delay: -0.32s;
 24 
    animation-delay: -0.32s;
28 
  }
 - 
 
29 
 
 25 
  }
30 
  .bounce:nth-child(2) {
 26 
  .bounce:nth-child(2) {
31 
    -webkit-animation-delay: -0.16s;
 27 
    -webkit-animation-delay: -0.16s;
32 
    animation-delay: -0.16s;
 28 
    animation-delay: -0.16s;
33 
  }
 - 
 
34 
 
 29 
  }
35 
  .bounce:nth-child(3) {
 30 
  .bounce:nth-child(3) {
36 
    -webkit-animation-delay: 0;
 31 
    -webkit-animation-delay: 0;
37 
    animation-delay: 0;
 32 
    animation-delay: 0;
38 
  }
 - 
 
39 
 
 33 
  }
40 
  @keyframes bounce_delay {
 34 
  @keyframes bounce_delay {
41 
    0%,
 35 
    0%,
42 
    80%,
 36 
    80%,
43 
    100% {
 37 
    100% {
44 
      -webkit-transform: scale(0);
 38 
      -webkit-transform: scale(0);
45 
      transform: scale(0);
 39 
      transform: scale(0);
46 
    }
 - 
 
47 
 
 40 
    }
48 
    40% {
 41 
    40% {
49 
      -webkit-transform: scale(1);
 42 
      -webkit-transform: scale(1);
50 
      transform: scale(1);
 43 
      transform: scale(1);
51 
    }
 44 
    }