@fle-ui/plus-im-record/lib/ChatMessageList/index.less

@fle-ui/plus-im-record

@prefix: chart;

.@{prefix}-messages {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  line-height: 1.2;
  background-color: #f7f7f7;

  &-input {
    padding: 16px;
    border-bottom: 1px solid #fff;
  }

  &-status {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ddd;
    padding: 5px;
  }

  &-content {
    flex: 1;
    width: 100%;
    overflow: auto;
    position: relative;
  }
}