@rpg-engine/long-bow 0.3.23 → 0.3.24
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 +4 -5
- 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 +4 -5
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Chat/Chat.tsx +6 -7
package/package.json
CHANGED
|
@@ -99,7 +99,6 @@ export const Chat: React.FC<IChatProps> = ({
|
|
|
99
99
|
id="inputMessage"
|
|
100
100
|
onChange={e => getInputValue(e.target.value)}
|
|
101
101
|
height={20}
|
|
102
|
-
className="chat-input dark-background"
|
|
103
102
|
type="text"
|
|
104
103
|
autoComplete="off"
|
|
105
104
|
onFocus={onFocus}
|
|
@@ -139,22 +138,21 @@ interface IButtonProps {
|
|
|
139
138
|
const ChatContainer = styled.div<IContainerProps>`
|
|
140
139
|
height: ${props => props.height};
|
|
141
140
|
width: ${({ width }) => width};
|
|
142
|
-
|
|
143
|
-
padding: 40px 30px;
|
|
141
|
+
padding: 10px;
|
|
144
142
|
margin-top: 100px;
|
|
145
|
-
|
|
143
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
146
144
|
`;
|
|
147
145
|
|
|
148
146
|
const TextField = styled.input`
|
|
149
147
|
width: 100%;
|
|
150
|
-
|
|
151
|
-
|
|
148
|
+
background-color: rgba(0, 0, 0, 0.2) !important;
|
|
149
|
+
border: none !important;
|
|
152
150
|
`;
|
|
153
151
|
|
|
154
152
|
const MessagesContainer = styled.div`
|
|
155
153
|
overflow: hidden;
|
|
156
154
|
height: 70%;
|
|
157
|
-
margin-bottom:
|
|
155
|
+
margin-bottom: 10px;
|
|
158
156
|
`;
|
|
159
157
|
|
|
160
158
|
const Message = styled.div<IMessageProps>`
|
|
@@ -174,4 +172,5 @@ const Button = styled.button<IButtonProps>`
|
|
|
174
172
|
background-color: ${({ buttonBackgroundColor }) => buttonBackgroundColor};
|
|
175
173
|
width: 50px;
|
|
176
174
|
height: 40px;
|
|
175
|
+
border: none !important;
|
|
177
176
|
`;
|