muerwre/markdown-home-tab
1
0
Fork 0
mirror of https://github.com/muerwre/markdown-home-tab.git synced 2025-04-25 00:46:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

remove row groups

Browse source
This commit is contained in:
Fedor Katurov 2023-05-03 10:36:55 +06:00
parent 6332e27cdc
commit d71a395868
1 changed files with 85 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

172
src/modules/settings/containers/ColorSettings/index.tsx
View file

@ -69,101 +69,99 @@ const ColorSettings: FC = () => {
</label> </label>
</RowGroup> </RowGroup>
<Grid direction="row"> <RowGroup>
<RowGroup> <label>
<label> <SettingsRow title={t("Background")}>
<SettingsRow title={t("Background")}> <input
<input type="color"
type="color" onChange={setString("backgroundColor")}
onChange={setString("backgroundColor")} value={settings.backgroundColor}
value={settings.backgroundColor} />
/> </SettingsRow>
</SettingsRow> </label>
</label>
<label> <label>
<SettingsRow title={t("Text")}> <SettingsRow title={t("Text")}>
<input <input
type="color" type="color"
onChange={setString("textColor")} onChange={setString("textColor")}
value={settings.textColor} value={settings.textColor}
/> />
</SettingsRow> </SettingsRow>
</label> </label>
<label> <label>
<SettingsRow title={t("Links")}> <SettingsRow title={t("Links")}>
<input <input
type="color" type="color"
onChange={setString("linkColor")} onChange={setString("linkColor")}
value={settings.linkColor} value={settings.linkColor}
/> />
</SettingsRow> </SettingsRow>
</label> </label>
<label> <label>
<SettingsRow title={t("Inline code")}> <SettingsRow title={t("Inline code")}>
<input <input
type="color" type="color"
onChange={setString("codeColor")} onChange={setString("codeColor")}
value={settings.codeColor} value={settings.codeColor}
/> />
</SettingsRow> </SettingsRow>
</label> </label>
</RowGroup> </RowGroup>
<RowGroup> <RowGroup>
<label> <label>
<SettingsRow title={t("Heading 1")}> <SettingsRow title={t("Heading 1")}>
<input <input
type="color" type="color"
onChange={setString("h1Color")} onChange={setString("h1Color")}
value={settings.h1Color || settings.textColor} value={settings.h1Color || settings.textColor}
/> />
</SettingsRow> </SettingsRow>
</label> </label>
<label> <label>
<SettingsRow title={t("Heading 2")}> <SettingsRow title={t("Heading 2")}>
<input <input
type="color" type="color"
onChange={setString("h2Color")} onChange={setString("h2Color")}
value={settings.h2Color || settings.textColor} value={settings.h2Color || settings.textColor}
/> />
</SettingsRow> </SettingsRow>
</label> </label>
<label> <label>
<SettingsRow title={t("Heading 3")}> <SettingsRow title={t("Heading 3")}>
<input <input
type="color" type="color"
onChange={setString("h3Color")} onChange={setString("h3Color")}
value={settings.h3Color || settings.textColor} value={settings.h3Color || settings.textColor}
/> />
</SettingsRow> </SettingsRow>
</label> </label>
<label> <label>
<SettingsRow title={t("Heading 4")}> <SettingsRow title={t("Heading 4")}>
<input <input
type="color" type="color"
onChange={setString("h4Color")} onChange={setString("h4Color")}
value={settings.h4Color || settings.textColor} value={settings.h4Color || settings.textColor}
/> />
</SettingsRow> </SettingsRow>
</label> </label>
<label> <label>
<SettingsRow title={t("Heading 5")}> <SettingsRow title={t("Heading 5")}>
<input <input
type="color" type="color"
onChange={setString("h5Color")} onChange={setString("h5Color")}
value={settings.h5Color || settings.textColor} value={settings.h5Color || settings.textColor}
/> />
</SettingsRow> </SettingsRow>
</label> </label>
</RowGroup> </RowGroup>
</Grid>
</Grid> </Grid>
); );
}; };