@cmstops/pro-compo/lib/messageBox/style/index.less

[物料平台文档中心](https://arco.design/docs/material/guide)

.reference-btn {
  padding: 12px 16px;
  color: #5f5f5f;
  border: none;
  border-radius: 4px;
}

.message-boxs-popover {
  position: relative;
  width: 435px;
  // padding: 10px;
  .arco-tabs-content {
    padding-top: 0;
  }

  .msg-scroll-bar {
    display: block;
    height: 80vh;
    overflow-y: auto;
  }

  .message-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .message-item {
    padding: 16px;
    padding-bottom: 0;

    &:last-child .message-body {
      border-bottom: none;
    }

    .message-body {
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);

      .media-message-content {
        width: 100%;

        .message-content {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 18px;
          color: #4e5969;
          font-size: 12px;
        }

        .message-info {
          display: flex;
          align-items: center;
          justify-content: space-between;
          color: #1d2129;
          font-size: 14px;
          line-height: 14px;

          .message-media-title {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

            .icon {
              margin-right: 4px;
            }
            // &:hover {
            //   text-decoration: underline;
            // }
          }
        }
      }
    }
  }
}