Proyectos de Subversion LeadersLinked - SPA

import { styled } from '@mui/material'

export const StyledCommentForm = styled('form')`
  display: flex;
  align-items: center;
  gap: 0.5rem;
`

export const CommentsContainer = styled('div')`
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
`

export const CommentTemplate = styled('div')`
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  .content {
    background-color: var(--chat-send);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 0.5rem;
    max-width: 100%;
    overflow: hidden;
    padding: 0.5rem;
    position: relative;
    p {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  .info {
    display: inline-flex;
    flex-direction: column;
    h3 {
      color: var(--title-color);
      font-weight: 600;
    }
    span {
      color: var(--subtitle-color);
      font-size: 0.9rem;
    }
  }
`