fix: terminals spacing when splt

Author: Vierre3

.gitignore

@@ -17,6 +17,7 @@ logs
 .DS_Store
 .fleet
 .idea
+.LoCode
 
 # Local env files
 .env

app/components/EditorArea.vue

@@ -195,15 +195,15 @@ onBeforeUnmount(() => {
 .split-handle {
     position: absolute;
     top: 0;
-    width: 6px;
+    width: 4px;
     height: 100%;
     cursor: col-resize;
     z-index: 5;
-    transform: translateX(-3px);
+    transform: translateX(-2px);
 }
 
 .split-handle:hover {
-    background: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.2);
 }
 
 .drop-overlay {

app/components/TerminalPanel.vue

@@ -535,25 +535,33 @@ onBeforeUnmount(() => {
     height: 100%;
 }
 
+.terminal-slot.split-left :deep(.xterm) {
+    padding-right: 2px !important;
+}
+
 .terminal-slot.split-right {
     order: 1;
     flex: 1;
     height: 100%;
     min-width: 0;
 }
 
+.terminal-slot.split-right :deep(.xterm) {
+    padding-left: 2px !important;
+}
+
 .terminal-split-handle {
     position: absolute;
     top: 0;
-    width: 6px;
+    width: 4px;
     height: 100%;
     cursor: col-resize;
     z-index: 5;
-    transform: translateX(-3px);
+    transform: translateX(-2px);
 }
 
 .terminal-split-handle:hover {
-    background: rgba(255, 255, 255, 0.2);
+    background: rgba(255, 255, 255, 0.25);
 }
 
 /* Terminal drop overlay */