move split modal to modals directory

dist/index.css

@@ -857,7 +857,7 @@ body[showing-chat] #chat-page-wrapper {
   }
 }
 
-/* src/View/Components/splitModal.css */
+/* src/View/Modals/splitModal.css */
 .modal > div:has(.split-modal[extended]) {
   max-width: 64rem;
 }

dist/index.js

@@ -3644,7 +3644,7 @@
       "div",
       {
         class: "grid gap",
-        style: "grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr))",
+        style: "grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr))",
         "children:append": [
           searchViewModel.matchingObjects,
           converter
@@ -6434,7 +6434,7 @@
     }
   };
 
-  // src/View/Components/splitModal.tsx
+  // src/View/Modals/splitModal.tsx
   function SplitModal(coreViewModel2, leftView, rightView, extendedStyle = false, navigationState) {
     function closePage() {
       navigationState.value = void 0;

src/View/Modals/settingsModal.tsx

@@ -4,7 +4,7 @@ import { languageNames } from "../translations";
 import SettingsViewModel, {
     SettingsModalPages,
 } from "../../ViewModel/Global/settingsViewModel";
-import { SplitModal } from "../Components/splitModal";
+import { SplitModal } from "./splitModal";
 import { InfoTile } from "../Components/infoTile";
 import { Option } from "../Components/option";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";

src/View/Modals/storageModal.tsx

@@ -3,7 +3,7 @@ import * as React from "bloatless-react";
 import { PATH_COMPONENT_SEPARATOR } from "../../Model/Global/storageModel";
 import StorageViewModel from "../../ViewModel/Global/storageViewModel";
 
-import { SplitModal } from "../Components/splitModal";
+import { SplitModal } from "./splitModal";
 import { DangerousActionButton } from "../Components/dangerousActionButton";
 import { DirectoryItemList } from "../Components/directoryItemList";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";