diff --git a/App.css b/App.css index 6b833422..fd536e95 100644 --- a/App.css +++ b/App.css @@ -1,7 +1,20 @@ -.App { - text-align: center; +html, body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + overflow-x: hidden; +} + +#app { + width: 100%; + min-width: 1800px; + box-sizing: border-box; } + .inputBox { width: 30%; margin: 20px auto; @@ -9,6 +22,9 @@ border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; transition: all 0.5s ease-in-out; + display: flex; + flex-direction: column; + align-items: center; } .inputBox.active { @@ -41,7 +57,7 @@ input { box-shadow: 0 0 10px #ccc; transition: all 0.5s ease-in-out; color: #333; - word-break: break-all; + word-wrap: break-word; } .eventBox.waiting { diff --git a/src/components/InputKeys/index.tsx b/src/components/InputKeys/index.tsx index ecd08672..9128ea1b 100644 --- a/src/components/InputKeys/index.tsx +++ b/src/components/InputKeys/index.tsx @@ -79,7 +79,7 @@ const InputBox: React.FC = ({ onSubmit }) => { disabled={isSubmitted} /> {pendulumError &&
{pendulumError}
} - {!isSubmitted ? :
Started
} + {!isSubmitted ? :
Offramp Started
} );