Fix mobile height.

Add send button.

src/components/common/messaging/MessageBox.tsx

@@ -8,7 +8,9 @@ import { isTouchscreenDevice } from "../../../lib/isTouchscreenDevice";
 import { SingletonMessageRenderer, SMOOTH_SCROLL_ON_RECEIVE } from "../../../lib/renderer/Singleton";
 import { connectState } from "../../../redux/connector";
 import { WithDispatcher } from "../../../redux/reducers";
+import IconButton from "../../ui/IconButton";
 import TextArea from "../../ui/TextArea";
+import { Send } from '@styled-icons/feather';
 
 type Props = WithDispatcher & {
     channel: Channel;
@@ -70,6 +72,7 @@ function MessageBox({ channel, draft, dispatcher }: Props) {
     }
 
     return (
+        <div style={{ display: 'flex' }}>
             <TextArea
                 value={draft}
                 onKeyDown={e => {
@@ -79,6 +82,10 @@ function MessageBox({ channel, draft, dispatcher }: Props) {
                     }
                 }}
                 onChange={e => setMessage(e.currentTarget.value)} />
+            <IconButton onClick={send}>
+                <Send size={20} />
+            </IconButton>
+        </div>
     )
 }
 

src/pages/RevoltApp.tsx

@@ -29,7 +29,7 @@ export default function App() {
     return (
         <OverlappingPanels
             width="100vw"
-            height="100%"
+            height="100vh"
             leftPanel={{ width: 292, component: <LeftSidebar /> }}
             rightPanel={{ width: 240, component: <RightSidebar /> }}
             docked={isTouchscreenDevice ? Docked.None : Docked.Left}>