Replace styled-components with bulma helpers (#1783)

Use Bulma helpers whenever possible instead of custom styled components.
This pull request replaces primarily color definitions, spacing and flex instructions.
This commit is contained in:
Florian Scholdei
2021-09-15 17:40:08 +02:00
committed by GitHub
parent 8a65660278
commit 2cb006d040
97 changed files with 1931 additions and 2244 deletions

View File

@@ -56,19 +56,19 @@ const ApiKeyCreatedModal: FC<Props> = ({ addedKey, close }) => {
};
const newPassphraseModalContent = (
<div className={"media-content"}>
<div className="media-content">
<p>{t("apiKey.modal.text1")}</p>
<p>
<b>{t("apiKey.modal.text2")}</b>
</p>
<hr />
<div className={"columns"}>
<div className={"column is-11"}>
<KeyArea wrap={"soft"} ref={keyRef} className={"input"} value={addedKey.token} />
<div className="columns">
<div className="column is-11">
<KeyArea wrap={"soft"} ref={keyRef} className="input" value={addedKey.token} />
</div>
<NoLeftMargin className={"column is-1"}>
<NoLeftMargin className="column is-1">
<Icon
className={"is-hidden-mobile fa-2x"}
className="is-hidden-mobile fa-2x"
name={copied ? "clipboard-check" : "clipboard"}
title={t("apiKey.modal.clipboard")}
onClick={copy}