Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-05-07 00:55:51 +02:00
Code Issues Packages Projects Releases Activity

feat(options/appearance): improve desktop-specific options

Browse Source
This commit is contained in:
Elian Doran
2026-04-13 17:45:23 +03:00
parent d4333400c4
commit 0f605ba994
2 changed files with 23 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
apps/client/src/widgets/type_widgets/options/appearance.tsx
View File

@@ -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() {
/>
</OptionsRow>
<FormGroup name="native-title-bar" description={t("electron_integration.native-title-bar-description")}>
<FormCheckbox
label={t("electron_integration.native-title-bar")}
currentValue={nativeTitleBarVisible} onChange={setNativeTitleBarVisible}
/>
</FormGroup>
<OptionsRowWithToggle
name="native-title-bar"
label={t("electron_integration.native-title-bar")}
description={t("electron_integration.native-title-bar-description")}
currentValue={nativeTitleBarVisible}
onChange={setNativeTitleBarVisible}
/>
<FormGroup name="background-effects" description={t("electron_integration.background-effects-description")}>
<FormCheckbox
label={<>
{t("electron_integration.background-effects")}
{" "}
<PlatformIndicator windows="11" mac />
</>}
currentValue={backgroundEffects} onChange={setBackgroundEffects}
disabled={nativeTitleBarVisible}
/>
</FormGroup>
<OptionsRowWithToggle
name="background-effects"
label={<>{t("electron_integration.background-effects")} <PlatformIndicator windows="11" mac /></>}
description={t("electron_integration.background-effects-description")}
currentValue={backgroundEffects}
onChange={setBackgroundEffects}
disabled={nativeTitleBarVisible}
/>
<Button text={t("electron_integration.restart-app-button")} onClick={restartDesktopApp} />
<OptionsRowWithButton
label={t("electron_integration.restart-app-button")}
icon="bx bx-refresh"
onClick={restartDesktopApp}
/>
</OptionsSection>
);
}

6
apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx
View File

@@ -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;