Fix page layout
This commit is contained in:
parent
467e86bb25
commit
b840c95c21
@ -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>
|
||||||
);
|
);
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user