diff --git a/apps/client/src/widgets/type_widgets/options/appearance.tsx b/apps/client/src/widgets/type_widgets/options/appearance.tsx
index 2a2cfdd390..c375b05594 100644
--- a/apps/client/src/widgets/type_widgets/options/appearance.tsx
+++ b/apps/client/src/widgets/type_widgets/options/appearance.tsx
@@ -10,10 +10,7 @@ import { t } from "../../../services/i18n";
import server from "../../../services/server";
import { isElectron, isMobile, reloadFrontendApp, restartDesktopApp } from "../../../services/utils";
import { VerticalLayoutIcon } from "../../buttons/global_menu";
-import Button from "../../react/Button";
import Dropdown from "../../react/Dropdown";
-import FormCheckbox from "../../react/FormCheckbox";
-import FormGroup from "../../react/FormGroup";
import FormList, { FormListHeader, FormListItem } from "../../react/FormList";
import { FormTextBoxWithUnit } from "../../react/FormTextBox";
import { useTriliumOption, useTriliumOptionBool } from "../../react/hooks";
@@ -554,26 +551,28 @@ function ElectronIntegration() {
/>
-
-
-
+
-
-
- {t("electron_integration.background-effects")}
- {" "}
-
- >}
- currentValue={backgroundEffects} onChange={setBackgroundEffects}
- disabled={nativeTitleBarVisible}
- />
-
+ {t("electron_integration.background-effects")} >}
+ description={t("electron_integration.background-effects-description")}
+ currentValue={backgroundEffects}
+ onChange={setBackgroundEffects}
+ disabled={nativeTitleBarVisible}
+ />
-
+
);
}
diff --git a/apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx b/apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx
index 3968c96259..5f5107c214 100644
--- a/apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx
+++ b/apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx
@@ -7,7 +7,7 @@ import { useUniqueName } from "../../../react/hooks";
interface OptionsRowProps {
name: string;
- label?: string;
+ label?: ComponentChildren;
description?: ComponentChildren;
children: VNode;
centered?: boolean;
@@ -56,8 +56,8 @@ export function OptionsRowLink({ label, description, href }: OptionsRowLinkProps
interface OptionsRowWithToggleProps {
name: string;
- label: string;
- description?: string;
+ label: ComponentChildren;
+ description?: ComponentChildren;
currentValue: boolean | null;
onChange: (newValue: boolean) => void;
disabled?: boolean;