Fix page layout

This commit is contained in:
MrLetsplay 2023-10-30 23:10:16 +01:00
parent 467e86bb25
commit b840c95c21
Signed by: mr
SSH Key Fingerprint: SHA256:92jBH80vpXyaZHjaIl47pjRq+Yt7XGTArqQg1V7hSqg
5 changed files with 9 additions and 10 deletions

View File

@ -71,18 +71,17 @@ const ConvertBase: Component = () => {
return ( return (
<div class={styles.page}> <div class={styles.page}>
<h1>Convert</h1> <h1>Convert Base</h1>
<h2>Bases</h2>
<span>{error()}</span> <span>{error()}</span>
<h3>Decimal</h3> <h2>Decimal</h2>
<textarea value={decimal()} oninput={e => updateExcept(e.currentTarget.value, 10, setDecimal)} /> <textarea value={decimal()} oninput={e => updateExcept(e.currentTarget.value, 10, setDecimal)} />
<h3>Binary</h3> <h2>Binary</h2>
<textarea value={binary()} oninput={e => updateExcept(e.currentTarget.value, 2, setBinary)} /> <textarea value={binary()} oninput={e => updateExcept(e.currentTarget.value, 2, setBinary)} />
<div class={styles.checkbox}> <div class={styles.checkbox}>
<input id={'octets'} type={'checkbox'} checked={binaryOctets()} onchange={e => setBinaryOctet(e.currentTarget.checked)} /> <input id={'octets'} type={'checkbox'} checked={binaryOctets()} onchange={e => setBinaryOctet(e.currentTarget.checked)} />
<label for={'octets'}>Octets</label> <label for={'octets'}>Octets</label>
</div> </div>
<h3>Octal</h3> <h2>Octal</h2>
<textarea value={octal()} oninput={e => updateExcept(e.currentTarget.value, 8, setOctal)} /> <textarea value={octal()} oninput={e => updateExcept(e.currentTarget.value, 8, setOctal)} />
<div class={styles.checkbox}> <div class={styles.checkbox}>
<input id={'triplets'} type={'checkbox'} checked={octalTriplets()} onchange={e => setOctalTriplet(e.currentTarget.checked)} /> <input id={'triplets'} type={'checkbox'} checked={octalTriplets()} onchange={e => setOctalTriplet(e.currentTarget.checked)} />
@ -93,7 +92,7 @@ const ConvertBase: Component = () => {
<input id={'pairs'} type={'checkbox'} checked={hexPairs()} onchange={e => setHexPairs(e.currentTarget.checked)} /> <input id={'pairs'} type={'checkbox'} checked={hexPairs()} onchange={e => setHexPairs(e.currentTarget.checked)} />
<label for={'pairs'}>Pairs</label> <label for={'pairs'}>Pairs</label>
</div> </div>
<h2>All Tools</h2> <h1>All Tools</h1>
<Navigation /> <Navigation />
</div> </div>
); );

View File

@ -102,7 +102,7 @@ const LoremIpsum: Component = () => {
<h2>Output</h2> <h2>Output</h2>
<textarea value={output()} ref={outputField} /> <textarea value={output()} ref={outputField} />
<button onclick={copy}>Copy Output</button> <button onclick={copy}>Copy Output</button>
<h2>All Tools</h2> <h1>All Tools</h1>
<Navigation /> <Navigation />
</div> </div>
); );

View File

@ -33,7 +33,7 @@ const StrLen: Component = () => {
<h3>Word Count</h3> <h3>Word Count</h3>
<input value={outputWords()} ref={outputWordsField} /> <input value={outputWords()} ref={outputWordsField} />
<button onclick={() => copy(outputWordsField!)}>Copy Output</button> <button onclick={() => copy(outputWordsField!)}>Copy Output</button>
<h2>All Tools</h2> <h1>All Tools</h1>
<Navigation /> <Navigation />
</div> </div>
); );

View File

@ -76,7 +76,7 @@ const StrNoise: Component = () => {
<h2>Output</h2> <h2>Output</h2>
<input value={output()} ref={outputField} /> <input value={output()} ref={outputField} />
<button onclick={copy}>Copy Output</button> <button onclick={copy}>Copy Output</button>
<h2>All Tools</h2> <h1>All Tools</h1>
<Navigation /> <Navigation />
</div> </div>
); );

View File

@ -26,7 +26,7 @@ const StrRev: Component = () => {
<h2>Output</h2> <h2>Output</h2>
<input value={output()} ref={outputField} /> <input value={output()} ref={outputField} />
<button onclick={copy}>Copy Output</button> <button onclick={copy}>Copy Output</button>
<h2>All Tools</h2> <h1>All Tools</h1>
<Navigation /> <Navigation />
</div> </div>
); );