add primitive split modal type

src/View/Components/splitModal.css

@@ -54,10 +54,18 @@
 
 @media (min-width: 640px) {
     .split-modal > div {
+        flex: 1;
+        min-width: unset;
+    }
+
+    .split-modal:not([primitive]) > div:first-child {
+        flex: 0;
+        min-width: 20rem;
+    }
+
+    .split-modal[primitive] > div {
         width: 50%;
         min-width: 50%;
-
-        flex: 1;
     }
 
     .split-modal .detail-button-wrapper {

src/View/Components/splitModal.tsx

@@ -9,7 +9,7 @@ export function SplitModal(
     navigationState?: React.State<any>,
 ) {
     const view = (
-        <div class="split-modal" toggle:extended={extendedStyle}>
+        <div class="split-modal" toggle:extended={extendedStyle} toggle:primitive={navigationState == undefined}>
             <div>
                 <div class="scroll-area" children:set={leftView}></div>
             </div>