fixing background color on input

balzack · Jun 6, 2024 · 18ca575 · 18ca575
1 parent 77852ad
commit 18ca575
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/net/web/src/session/conversation/addTopic/AddTopic.jsx b/net/web/src/session/conversation/addTopic/AddTopic.jsx
@@ -126,7 +126,7 @@ export function AddTopic({ contentKey }) {
         </div>
       )}
       <div className="message">
-        <Input.TextArea ref={msg} placeholder={state.strings.newMessage} spellCheck="true" autoSize={{ minRows: 2, maxRows: 6 }}
+        <Input.TextArea className="messageInput" ref={msg} placeholder={state.strings.newMessage} spellCheck="true" autoSize={{ minRows: 2, maxRows: 6 }}
             enterkeyhint="send" onKeyDown={(e) => keyDown(e)} onChange={(e) => actions.setMessageText(e.target.value)}
             value={state.messageText} autocapitalize="none" />
       </div>

diff --git a/net/web/src/session/conversation/addTopic/AddTopic.styled.js b/net/web/src/session/conversation/addTopic/AddTopic.styled.js
@@ -26,6 +26,10 @@ export const AddTopicWrapper = styled.div`
     padding-bottom: 8px;
   }
 
+  .messageInput {
+    background-color: ${props => props.theme.inputArea};
+  }
+
   .assets {
     margin-top: 8px;
     height: 128px;