ershisan99/DevToysWeb
1
0
Fork 0
mirror of https://github.com/ershisan99/DevToysWeb.git synced 2026-02-01 20:52:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor!: refine spacings

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

11
app/converters/json-yaml/page.tsx
View File

@@ -127,18 +127,15 @@ export default function Page() {
);
return (
<PageRootSection
className="flex h-full flex-col"
title={toolGroups.converters.tools.jsonYaml.longTitle}
>
<PageSection className="mb-6 mt-0" title="Configuration">
<PageRootSection className="h-full" title={toolGroups.converters.tools.jsonYaml.longTitle}>
<PageSection title="Configuration">
<Configurations list={[indentationConfig]} />
</PageSection>
<div className="flex flex-1 flex-col gap-x-4 gap-y-5 lg:flex-row">
<PageSection className="mt-0 min-h-[200px] flex-1" title="Json" control={jsonControl}>
<PageSection className="min-h-[200px] flex-1" title="Json" control={jsonControl}>
<Editor language="json" value={form.json} onChange={onJsonChange} />
</PageSection>
<PageSection className="mt-0 min-h-[200px] flex-1" title="Yaml" control={yamlControl}>
<PageSection className="min-h-[200px] flex-1" title="Yaml" control={yamlControl}>
<Editor language="yaml" value={form.yaml} onChange={onYamlChange} />
</PageSection>
</div>

28
app/converters/number-base/page.tsx
View File

@@ -85,21 +85,23 @@ export default function Page() {
return (
<PageRootSection title={toolGroups.converters.tools.numberBase.longTitle}>
<PageSection className="mb-6" title="Configuration">
<PageSection title="Configuration">
<Configurations list={[formatNumberConfig]} />
</PageSection>
<PageSection title="Decimal" control={decControl}>
<Input value={dec} onChange={onDecChange} />
</PageSection>
<PageSection title="Hexadecimal" control={hexControl}>
<Input value={hex} onChange={onHexChange} />
</PageSection>
<PageSection title="Octal" control={octControl}>
<Input value={oct} onChange={onOctChange} />
</PageSection>
<PageSection title="Binary" control={binControl}>
<Input value={bin} onChange={onBinChange} />
</PageSection>
<div className="flex flex-col gap-3">
<PageSection title="Decimal" control={decControl}>
<Input value={dec} onChange={onDecChange} />
</PageSection>
<PageSection title="Hexadecimal" control={hexControl}>
<Input value={hex} onChange={onHexChange} />
</PageSection>
<PageSection title="Octal" control={octControl}>
<Input value={oct} onChange={onOctChange} />
</PageSection>
<PageSection title="Binary" control={binControl}>
<Input value={bin} onChange={onBinChange} />
</PageSection>
</div>
</PageRootSection>
);
}