refactor!: refine spacings

BREAKING CAHNGE: some spaces changed
This commit is contained in:
rusconn
2024-03-28 18:08:33 +09:00
parent 2fc9b7e419
commit 2741082c84
14 changed files with 99 additions and 89 deletions

View File

@@ -68,12 +68,14 @@ export default function Page() {
return (
<PageRootSection title={toolGroups.encodersDecoders.tools.base64.longTitle}>
<PageSection title="Decoded" control={decodedControl}>
<Textarea value={form.decoded} onChange={onDecodedChange} rows={10} />
</PageSection>
<PageSection title="Encoded" control={encodedControl}>
<Textarea value={form.encoded} onChange={onEncodedChange} rows={10} />
</PageSection>
<div className="flex flex-col gap-3">
<PageSection title="Decoded" control={decodedControl}>
<Textarea value={form.decoded} onChange={onDecodedChange} rows={10} />
</PageSection>
<PageSection title="Encoded" control={encodedControl}>
<Textarea value={form.encoded} onChange={onEncodedChange} rows={10} />
</PageSection>
</div>
</PageRootSection>
);
}

View File

@@ -66,12 +66,14 @@ export default function Page() {
return (
<PageRootSection title={toolGroups.encodersDecoders.tools.html.longTitle}>
<PageSection title="Decoded" control={decodedControl}>
<Textarea value={form.decoded} onChange={onDecodedChange} rows={10} />
</PageSection>
<PageSection title="Encoded" control={encodedControl}>
<Textarea value={form.encoded} onChange={onEncodedChange} rows={10} />
</PageSection>
<div className="flex flex-col gap-3">
<PageSection title="Decoded" control={decodedControl}>
<Textarea value={form.decoded} onChange={onDecodedChange} rows={10} />
</PageSection>
<PageSection title="Encoded" control={encodedControl}>
<Textarea value={form.encoded} onChange={onEncodedChange} rows={10} />
</PageSection>
</div>
</PageRootSection>
);
}

View File

@@ -47,12 +47,14 @@ export default function Page() {
<PageSection title="Jwt Token" control={jwtTokenControl}>
<Textarea value={jwt} onChange={onJwtChange} rows={3} />
</PageSection>
<PageSection title="Header" control={heaederControl}>
<Editor height={180} language="json" value={header} options={{ readOnly: true }} />
</PageSection>
<PageSection title="Payload" control={payloadControl}>
<Editor height={180} language="json" value={payload} options={{ readOnly: true }} />
</PageSection>
<div className="flex flex-col gap-3">
<PageSection title="Header" control={heaederControl}>
<Editor height={180} language="json" value={header} options={{ readOnly: true }} />
</PageSection>
<PageSection title="Payload" control={payloadControl}>
<Editor height={180} language="json" value={payload} options={{ readOnly: true }} />
</PageSection>
</div>
</PageRootSection>
);
}

View File

@@ -66,12 +66,14 @@ export default function Page() {
return (
<PageRootSection title={toolGroups.encodersDecoders.tools.url.longTitle}>
<PageSection title="Decoded" control={decodedControl}>
<Textarea value={form.decoded} onChange={onDecodedChange} rows={10} />
</PageSection>
<PageSection title="Encoded" control={encodedControl}>
<Textarea value={form.encoded} onChange={onEncodedChange} rows={10} />
</PageSection>
<div className="flex flex-col gap-3">
<PageSection title="Decoded" control={decodedControl}>
<Textarea value={form.decoded} onChange={onDecodedChange} rows={10} />
</PageSection>
<PageSection title="Encoded" control={encodedControl}>
<Textarea value={form.encoded} onChange={onEncodedChange} rows={10} />
</PageSection>
</div>
</PageRootSection>
);
}