@rpg-engine/long-bow 0.7.7 → 0.7.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +6 -6
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +6 -6
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Chat/Chat.tsx +12 -11
- package/src/components/ChatRevamp/ChatRevamp.tsx +3 -2
|
@@ -26175,7 +26175,7 @@ var Chat = function Chat(_ref) {
|
|
|
26175
26175
|
var ChatContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
26176
26176
|
displayName: "Chat__ChatContainer",
|
|
26177
26177
|
componentId: "sc-1bk05n6-0"
|
|
26178
|
-
})(["width:", ";height:", ";background-color
|
|
26178
|
+
})(["width:", ";height:", ";background-color:rgba(30,30,30,0.3);display:flex;flex-direction:column;position:relative;border-radius:8px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;"], function (props) {
|
|
26179
26179
|
return props.width;
|
|
26180
26180
|
}, function (props) {
|
|
26181
26181
|
return props.height;
|
|
@@ -26187,7 +26187,7 @@ var CloseButton = /*#__PURE__*/styled__default.button.withConfig({
|
|
|
26187
26187
|
var MessagesContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
26188
26188
|
displayName: "Chat__MessagesContainer",
|
|
26189
26189
|
componentId: "sc-1bk05n6-2"
|
|
26190
|
-
})(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color
|
|
26190
|
+
})(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(51,51,51,0.4) rgba(30,30,30,0.4);&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(30,30,30,0.4);}&::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,0.4);border-radius:3px;}"]);
|
|
26191
26191
|
var Message = /*#__PURE__*/styled__default.div.withConfig({
|
|
26192
26192
|
displayName: "Chat__Message",
|
|
26193
26193
|
componentId: "sc-1bk05n6-3"
|
|
@@ -26198,11 +26198,11 @@ var Message = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
26198
26198
|
var Form = /*#__PURE__*/styled__default.form.withConfig({
|
|
26199
26199
|
displayName: "Chat__Form",
|
|
26200
26200
|
componentId: "sc-1bk05n6-4"
|
|
26201
|
-
})(["display:flex;padding:8px;background-color
|
|
26201
|
+
})(["display:flex;padding:8px;background-color:rgba(42,42,42,0.4);"]);
|
|
26202
26202
|
var TextField = /*#__PURE__*/styled__default.input.withConfig({
|
|
26203
26203
|
displayName: "Chat__TextField",
|
|
26204
26204
|
componentId: "sc-1bk05n6-5"
|
|
26205
|
-
})(["flex-grow:1;background-color
|
|
26205
|
+
})(["flex-grow:1;background-color:rgba(26,26,26,0.6);color:#ff6600;border:1px solid rgba(51,51,51,0.6);border-radius:4px;padding:8px;margin-right:8px;font-family:'Press Start 2P',cursive;font-size:0.7rem;height:32px;transition:border-color 0.3s,background-color 0.3s;&::placeholder{color:rgba(255,255,255,0.5);font-size:0.6rem;}&:focus{outline:none;border-color:#ff6600;background-color:rgba(42,42,42,0.9);}"]);
|
|
26206
26206
|
var SendButton = /*#__PURE__*/styled__default.button.withConfig({
|
|
26207
26207
|
displayName: "Chat__SendButton",
|
|
26208
26208
|
componentId: "sc-1bk05n6-6"
|
|
@@ -26612,9 +26612,9 @@ var Tab = /*#__PURE__*/styled__default.button.withConfig({
|
|
|
26612
26612
|
displayName: "ChatRevamp__Tab",
|
|
26613
26613
|
componentId: "sc-1sdiknw-1"
|
|
26614
26614
|
})(["width:120px;color:white;font-size:0.8rem;all:unset;padding:0.6rem;font-size:0.8rem;border-radius:5px 5px 0 0;border-width:0.25rem 0.25rem 0 0.25rem;border-style:solid;border-color:", ";background-color:", ";color:", ";"], function (props) {
|
|
26615
|
-
return props.active ? '
|
|
26615
|
+
return props.active ? 'rgba(198, 81, 2, 0.5)' : 'rgba(128, 128, 128, 0.5)';
|
|
26616
26616
|
}, function (props) {
|
|
26617
|
-
return props.active ? uiColors.orange : '
|
|
26617
|
+
return props.active ? uiColors.orange : 'rgba(0, 0, 0, 0.2)';
|
|
26618
26618
|
}, function (props) {
|
|
26619
26619
|
return props.active ? 'white' : uiColors.gray;
|
|
26620
26620
|
});
|