Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1650 stevensc 1 
import { styled } from '@mui/material'
2 
 
3 
export const StyledCommentForm = styled('form')`
4 
  display: flex;
5 
  align-items: center;
6 
  gap: 0.5rem;
7 
`
8 
 
9 
export const StyledCommentList = styled('ul')`
10 
  display: flex;
11 
  flex-direction: column;
12 
  gap: 0.5rem;
13 
  margin-top: 0.5rem;
14 
  max-height: 300px;
15 
  overflow-y: auto;
16 
  width: 100%;
17 
`
18 
 
19 
export const StyledCommentTemplate = styled('div')`
20 
  display: flex;
21 
  gap: 0.5rem;
22 
  align-items: flex-start;
23 
  .content {
24 
    background-color: var(--chat-send);
25 
    border-radius: var(--border-radius);
26 
    display: flex;
27 
    flex-direction: column;
28 
    flex-grow: 1;
29 
    gap: 0.5rem;
30 
    max-width: 100%;
31 
    overflow: hidden;
32 
    padding: 0.5rem;
33 
    position: relative;
34 
    p {
35 
      max-width: 100%;
36 
      overflow: hidden;
37 
      text-overflow: ellipsis;
38 
    }
39 
  }
40 
  .info {
41 
    display: inline-flex;
42 
    flex-direction: column;
43 
    h3 {
44 
      color: var(--title-color);
45 
      font-weight: 600;
46 
    }
47 
    span {
48 
      color: var(--subtitle-color);
49 
      font-size: 0.9rem;
50 
    }
51 
  }
52 
`