Proyectos de Subversion LeadersLinked - Antes de SPA

.comment-container {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;

  .user-image {
    width: 50px;
    object-fit: contain;
    border-radius: 50%;
    background: $white;
  }

  .comment-content {
    background-color: $chat-send;
    border-radius: $border-radius;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
    flex-grow: 1;

    .info {
      display: flex;
      align-items: center;
      justify-content: space-between;

      h3 {
        display: inline;
        font-weight: bold;
      }

      span {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        position: relative;
      }
    }

    p {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

.comments-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
  transition: all 0.3s;

  &.show {
    height: fit-content;
  }

  &.hidden {
    height: 0;
  }
}

.comment-list {
  display: flex;
  flex-direction: column;
  padding-right: .5rem;
  gap: .5rem;
  max-height: 300px;
  overflow-y: auto;
}