yt-chat-components 1.2.0 → 1.2.2

package/src/YtChatView/chatWidget/chatWindow/index.module.css

@@ -1,197 +1,197 @@
-.w_send_file_box {
-  height: 23px;
-  display: flex;
-  background: transparent;
-  align-items: center;
-  justify-content: center;
-  border-radius: 24px;
-  font-size: 12px;
-  color: #666666;
-  cursor: pointer;
-}
-
-.w_file_preview {
-  width: 100%;
-  height: fit-content;
-  background-color: transparent;
-  z-index: 500;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  padding: 0 5px;
-  overflow-x: hidden;
-}
-
-.w_file_preview .w_directionBg {
-  position: absolute;
-  cursor: pointer;
-  width: 18px;
-  height: 18px;
-  background: #FFFFFF;
-  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-  border: 1px solid #F0F0F0;
-  z-index: 999999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.w_file_preview .w_directionBg img {
-  width: 12px;
-}
-
-.w_file_preview .w_toLeftBox {
-  position: absolute;
-  left: 0;
-  top: 6px;
-  height: 60px;
-  width: 80px;
-  background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255,255,255,0) 100%);
-  z-index: 99999;
-}
-
-.w_file_preview .w_toLeftBox .w_toLeft {
-  position: absolute;
-  cursor: pointer;
-  width: 18px;
-  height: 18px;
-  background: #FFFFFF;
-  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-  border: 1px solid #F0F0F0;
-  z-index: 999999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  top: 25px;
-  left: 5px;
-}
-
-.w_file_preview .w_toRightBox {
-  position: absolute;
-  right: 0;
-  top: 6px;
-  height: 60px;
-  width: 80px;
-  background: linear-gradient(-90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%);
-  z-index: 99999;
-}
-
-.w_file_preview .w_toRightBox .w_toRight {
-  position: absolute;
-  cursor: pointer;
-  width: 18px;
-  height: 18px;
-  background: #FFFFFF;
-  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-  border: 1px solid #F0F0F0;
-  z-index: 999999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  top: 25px;
-  right: 5px;
-}
-
-.w_file_preview .w_fileBox {
-  position: relative;
-  min-width: fit-content;
-  background-color: #f0f0f0;
-  border-radius: 10px;
-  margin: 10px 5px;
-  padding: 5px;
-  display: flex;
-}
-
-.w_file_preview .w_fileBox:hover .w_fileRemove {
-  display: block;
-}
-
-.w_file_preview .w_fileBox .w_fileInfoBox {
-  width: fit-content;
-  margin-left: 10px;
-}
-
-.w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoFileName {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 110px;
-  color: #242424;
-  user-select: none;
-}
-
-.w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoMeta {
-  width: fit-content;
-  user-select: none;
-  color: #a8a8a8;
-  white-space: nowrap;
-}
-
-.w_file_preview .w_fileBox .w_fileRemove {
-  display: none;
-  position: absolute;
-  cursor: pointer;
-  top: -2px;
-  right: 0;
-  z-index: 99999;
-}
-
-.w_file_preview .w_fileBox .w_fileRemove img {
-  width: 20px;
-}
-
-.w_file_preview .w_fileBox .w_upImg {
-  border-radius: 3px;
-  z-index: 510;
-}
-
-.w_inputBox {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  textarea {
-    resize: none;
-    min-height: 48px;
-    max-height: 96px;
-    border: 0;
-    box-shadow: none !important;
-    color: #333;
-    outline: 0;
-    padding: 5px 10px 0 10px;
-    width: 100%;
-
-    box-sizing: border-box;
-    overflow-y: auto; /* 允许垂直滚动 */
-    scrollbar-width: none; /* Firefox */
-    -ms-overflow-style: none; /* IE and Edge */
-  }
-  textarea::-webkit-scrollbar {
-    display: none; /* Chrome, Safari, and Opera */
-  }
-}
-
-/**
- * 输入框上方的标签问题列表
- */
-
-.w_send_voice_box {
-  height: 23px;
-  display: flex;
-  background: transparent;
-  align-items: center;
-  justify-content: center;
-  border-radius: 24px;
-  font-size: 12px;
-  color: #666666;
-  cursor: pointer;
-  margin-right: 10px;
-}
-
-.w_send_voice_box .w_recordIng {
-  padding: 4px;
-  background: #1552FF;
-  border-radius: 8px;
+.w_send_file_box {
+  height: 23px;
+  display: flex;
+  background: transparent;
+  align-items: center;
+  justify-content: center;
+  border-radius: 24px;
+  font-size: 12px;
+  color: #666666;
+  cursor: pointer;
+}
+
+.w_file_preview {
+  width: 100%;
+  height: fit-content;
+  background-color: transparent;
+  z-index: 500;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0 5px;
+  overflow-x: hidden;
+}
+
+.w_file_preview .w_directionBg {
+  position: absolute;
+  cursor: pointer;
+  width: 18px;
+  height: 18px;
+  background: #FFFFFF;
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+  border: 1px solid #F0F0F0;
+  z-index: 999999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.w_file_preview .w_directionBg img {
+  width: 12px;
+}
+
+.w_file_preview .w_toLeftBox {
+  position: absolute;
+  left: 0;
+  top: 6px;
+  height: 60px;
+  width: 80px;
+  background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255,255,255,0) 100%);
+  z-index: 99999;
+}
+
+.w_file_preview .w_toLeftBox .w_toLeft {
+  position: absolute;
+  cursor: pointer;
+  width: 18px;
+  height: 18px;
+  background: #FFFFFF;
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+  border: 1px solid #F0F0F0;
+  z-index: 999999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  top: 25px;
+  left: 5px;
+}
+
+.w_file_preview .w_toRightBox {
+  position: absolute;
+  right: 0;
+  top: 6px;
+  height: 60px;
+  width: 80px;
+  background: linear-gradient(-90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%);
+  z-index: 99999;
+}
+
+.w_file_preview .w_toRightBox .w_toRight {
+  position: absolute;
+  cursor: pointer;
+  width: 18px;
+  height: 18px;
+  background: #FFFFFF;
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+  border: 1px solid #F0F0F0;
+  z-index: 999999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  top: 25px;
+  right: 5px;
+}
+
+.w_file_preview .w_fileBox {
+  position: relative;
+  min-width: fit-content;
+  background-color: #f0f0f0;
+  border-radius: 10px;
+  margin: 10px 5px;
+  padding: 5px;
+  display: flex;
+}
+
+.w_file_preview .w_fileBox:hover .w_fileRemove {
+  display: block;
+}
+
+.w_file_preview .w_fileBox .w_fileInfoBox {
+  width: fit-content;
+  margin-left: 10px;
+}
+
+.w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoFileName {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 110px;
+  color: #242424;
+  user-select: none;
+}
+
+.w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoMeta {
+  width: fit-content;
+  user-select: none;
+  color: #a8a8a8;
+  white-space: nowrap;
+}
+
+.w_file_preview .w_fileBox .w_fileRemove {
+  display: none;
+  position: absolute;
+  cursor: pointer;
+  top: -2px;
+  right: 0;
+  z-index: 99999;
+}
+
+.w_file_preview .w_fileBox .w_fileRemove img {
+  width: 20px;
+}
+
+.w_file_preview .w_fileBox .w_upImg {
+  border-radius: 3px;
+  z-index: 510;
+}
+
+.w_inputBox {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  textarea {
+    resize: none;
+    min-height: 48px;
+    max-height: 96px;
+    border: 0;
+    box-shadow: none !important;
+    color: #333;
+    outline: 0;
+    padding: 5px 10px 0 10px;
+    width: 100%;
+
+    box-sizing: border-box;
+    overflow-y: auto; /* 允许垂直滚动 */
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
+  }
+  textarea::-webkit-scrollbar {
+    display: none; /* Chrome, Safari, and Opera */
+  }
+}
+
+/**
+ * 输入框上方的标签问题列表
+ */
+
+.w_send_voice_box {
+  height: 23px;
+  display: flex;
+  background: transparent;
+  align-items: center;
+  justify-content: center;
+  border-radius: 24px;
+  font-size: 12px;
+  color: #666666;
+  cursor: pointer;
+  margin-right: 10px;
+}
+
+.w_send_voice_box .w_recordIng {
+  padding: 4px;
+  background: #1552FF;
+  border-radius: 8px;
 }