improve UI of split modals

This commit is contained in:
marlon-erler
2026-04-10 19:00:59 +00:00
parent 3c7b08ad6f
commit 44bacbd59f
9 changed files with 161 additions and 38 deletions
+9 -1
View File
@@ -11,6 +11,7 @@ import CoreViewModel from "../../ViewModel/Global/coreViewModel";
import { Languages, ThemeSettings } from "../../Model/Global/settingsModel";
import { OptionButtonList } from "../Components/optionButtonList";
import { stringify } from "../../Model/Utility/utility";
import { PlaceholderView } from "../Components/placeholderView";
export function SettingsModal(
coreViewModel: CoreViewModel,
@@ -20,6 +21,11 @@ export function SettingsModal(
[settingsViewModel.selectedModalPage],
() => {
switch (settingsViewModel.selectedModalPage.value) {
case undefined: {
return PlaceholderView(
coreViewModel.translations.general.noPageSelected,
);
}
case SettingsModalPages.Appearance:
return SettingsAppearancePane(
coreViewModel,
@@ -44,6 +50,7 @@ export function SettingsModal(
<div>
<main class="padding-0">
{SplitModal(
coreViewModel,
new React.State(
SettingsLeftPane(coreViewModel, settingsViewModel),
),
@@ -66,7 +73,8 @@ function SettingsLeftPane(
settingsViewModel: SettingsViewModel,
) {
return (
<div class="flex-column gap">
<div class="flex-column gap slide-up">
<h2>{coreViewModel.translations.homePage.settingsButton}</h2>
{SettingsPaneButton(
settingsViewModel,
SettingsModalPages.Appearance,
+1
View File
@@ -72,6 +72,7 @@ export function StorageModal(
<div>
<main class="padding-0">
{SplitModal(
coreViewModel,
new React.State(DirectoryItemList(storageViewModel)),
detailView,
true,