improve splitpane behavior and look

control/frontend/src/app.css

@@ -29,7 +29,7 @@
     }
 
     .splitpanes__splitter {
-        @apply bg-transparent hover:bg-stone-600 transition-colors duration-200 shrink-0 relative box-border rounded mx-5;
+        @apply bg-transparent hover:bg-stone-700 active:bg-stone-600 transition-colors duration-200 shrink-0 relative box-border rounded mx-5;
         /* box-sizing: border-box;
         position: relative;
         flex-shrink: 0; */
@@ -41,6 +41,11 @@
 
         &:hover:before,
         &:hover:after {
+            @apply bg-stone-400;
+        }
+
+        &:active:before,
+        &:active:after {
             @apply bg-stone-300;
         }
 
@@ -55,7 +60,7 @@
         @apply z-10;
     }
 
-    &.splitpanes--vertical>.splitpanes__splitter,
+    /* &.splitpanes--vertical>.splitpanes__splitter,
     .splitpanes--vertical>.splitpanes__splitter {
         @apply w-2.5 cursor-col-resize;
 
@@ -71,7 +76,7 @@
         &:after {
             @apply ml-[calc(0.25*var(--spacing))];
         }
-    }
+    } */
 
     &.splitpanes--horizontal>.splitpanes__splitter,
     .splitpanes--horizontal>.splitpanes__splitter {

control/frontend/src/components/DisplayView.svelte

@@ -104,7 +104,7 @@
 <svelte:window on:wheel={on_wheel} />
 
 <div class="h-[calc(100dvh-3rem-(6*var(--spacing)))] flex flex-col gap-2">
-	<Splitpanes horizontal theme="mudics-stone-theme" on:resized={handle_splitpane_resize}>
+	<Splitpanes horizontal theme="mudics-stone-theme" on:resized={handle_splitpane_resize} dblClickSplitter={false}>
 		{#if $pinned_display_id}
 			<!-- Pinned Item -->
 			<Pane maxSize={60} snapSize={20} bind:size={pinned_pane_size}>