censademopackage/css/src/components/chat.css

React components library project for Innovaccer Design System

.Box {
  width: 100%;
  border-radius: var(--spacing);
  padding: var(--spacing-l);
}

.Box--typing {
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}

.Box--incoming {
  border: var(--spacing-xs) solid var(--secondary-light);
  background-color: var(--white);
}

.Box--outgoing {
  background-color: var(--secondary-lightest);
}

.Box-incoming--withStatus {
  border-bottom-left-radius: 0px;
}

.Box-outgoing--withStatus {
  border-bottom-right-radius: 0px;
}

.Box--urgent {
  border-color: var(--alert);
}

.ChatMessage-status {
  margin-top: var(--spacing-m);
  display: block;
}