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

feat(options/appearance): merge layout style with orientation

Browse Source
This commit is contained in:
Elian Doran
2026-04-13 16:38:25 +03:00
parent 692d33bedf
commit 85ebe59a3b
1 changed files with 2 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -119,7 +119,7 @@ function LayoutOptions() {
return (
<OptionsSection title={t("settings_appearance.ui")}>
<OptionsRow name="layout-style" label={t("settings_appearance.ui_layout_style")} stacked>
<OptionsRow name="layout-style" label={t("settings_appearance.ui_layout_style")}>
<RadioWithIllustration
currentValue={newLayout ? "new-layout" : "old-layout"}
onChange={async newValue => {
@@ -132,7 +132,7 @@ function LayoutOptions() {
]}
/>
</OptionsRow>
<OptionsRow name="layout-orientation" label={t("settings_appearance.ui_layout_orientation")} stacked>
<OptionsRow name="layout-orientation" label={t("settings_appearance.ui_layout_orientation")}>
<RadioWithIllustration
currentValue={layoutOrientation ?? "vertical"}
onChange={setLayoutOrientation}
@@ -238,23 +238,6 @@ function LayoutIllustration({ isNewLayout }: { isNewLayout?: boolean }) {
);
}
function LayoutOrientation() {
const [ layoutOrientation, setLayoutOrientation ] = useTriliumOption("layoutOrientation", true);
return (
<OptionsSection title={t("theme.layout")}>
<RadioWithIllustration
currentValue={layoutOrientation ?? "vertical"}
onChange={setLayoutOrientation}
values={[
{ key: "vertical", text: t("theme.layout-vertical-title"), illustration: <OrientationIllustration orientation="vertical" /> },
{ key: "horizontal", text: t("theme.layout-horizontal-title"), illustration: <OrientationIllustration orientation="horizontal" /> }
]}
/>
</OptionsSection>
);
}
function OrientationIllustration({ orientation }: { orientation: "vertical" | "horizontal" }) {
const isHorizontal = orientation === "horizontal";