z-react-ui/es/send-msg/style/index.css

z-react-ui，是一款基于 Dumi，由 React + TypeScript 开发的组件库 🎉。

.zq-chat-send-msg {
  width: 100%;
  height: 180px;
  position: relative;
}
.zq-chat-send-msg .zq-chat-send-msg-input-panel {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 100%;
  height: 100px;
  overflow-y: auto;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
}
.zq-chat-send-msg .zq-chat-send-msg-btn {
  margin-top: 10px;
  text-align: right;
  padding-right: 20px;
}
.zq-chat-tool-bar .zq-chat-emoji {
  display: inline-block;
  padding: 4px;
}
.zq-chat-tool-bar .zq-chat-emoji .zq-chat-emoji-img {
  width: 28px;
  height: 28px;
}
.zq-chat-emoji-overlay .ant-popover-inner {
  width: 400px;
}
.zq-chat-emoji-overlay .zq-chat-emoji-img {
  width: 28px;
  height: 28px;
}
.zq-chat-file-upload {
  display: inline-block;
  padding: 4px;
}
.zq-chat-file-upload .zq-chat-file-upload-img {
  width: 28px;
  height: 28px;
}
.zq-chat-file-upload .zq-chat-file-upload-file {
  display: none;
}
.zq-chat-img-upload {
  display: inline-block;
  padding: 4px;
}
.zq-chat-img-upload .zq-chat-img-upload-img {
  width: 28px;
  height: 28px;
}
.zq-chat-img-upload .zq-chat-img-upload-file {
  display: none;
}