update [release]

Author: serkancakmakk

public/index.html

@@ -284,6 +284,7 @@ <h1 class="login-title">PortPilot <span class="ver">v1</span></h1>
         <button id="term-close" class="ed-btn"><span class="nav-ico-wrap" data-icon="x"></span> Kapat</button>
       </div>
       <div id="term-host" class="term-host"></div>
+      <div id="term-resize" class="term-resize" title="Boyutlandırmak için sürükle"></div>
     </div>
   </div>
 

public/js/terminal.js

@@ -120,7 +120,36 @@ export function openServerTerminal(dir) {
   openTerminal("__host__", name, dir);
 }
 
+// Sağ-alt köşeden sürükleyerek terminal kutusunu boyutlandır.
+// Kutu overlay içinde ortalandığından, köşenin imleci takip etmesi için
+// boyut değişimini 2× uygularız (merkez sabit kalır, iki yana büyür).
+function initTerminalResize() {
+  const handle = $("term-resize");
+  if (!handle) return;
+  const box = handle.closest(".term-box");
+  let sx = 0, sy = 0, sw = 0, sh = 0, dragging = false;
+  const onMove = (e) => {
+    if (!dragging) return;
+    box.style.width = Math.max(360, sw + (e.clientX - sx) * 2) + "px";
+    box.style.height = Math.max(240, sh + (e.clientY - sy) * 2) + "px";
+  };
+  const onUp = () => {
+    dragging = false;
+    document.removeEventListener("pointermove", onMove);
+    document.removeEventListener("pointerup", onUp);
+    if (termState) termState.onResize();
+  };
+  handle.addEventListener("pointerdown", (e) => {
+    e.preventDefault();
+    const r = box.getBoundingClientRect();
+    sx = e.clientX; sy = e.clientY; sw = r.width; sh = r.height; dragging = true;
+    document.addEventListener("pointermove", onMove);
+    document.addEventListener("pointerup", onUp);
+  });
+}
+
 export function initTerminal() {
+  initTerminalResize();
   $("term-close").addEventListener("click", closeTerminal);
   $("term-min").addEventListener("click", minimizeTerminal);
   $("term-restore").addEventListener("click", restoreTerminal);

public/style.css

@@ -2118,18 +2118,33 @@ tr.dir .fname {
   height: min(600px, 80vh);
   display: flex;
   flex-direction: column;
-  /* Kullanıcı köşeden sürükleyerek büyütüp küçültebilir */
-  resize: both;
+  position: relative;
   overflow: hidden;
   min-width: 360px;
   min-height: 240px;
   max-width: 98vw;
   max-height: 94vh;
 }
 
-/* Sürükleme tutamacını biraz daha görünür yap */
-.term-box::-webkit-resizer {
-  background: rgba(255, 255, 255, .25);
+/* Sağ-alt köşede özel boyutlandırma tutamacı (terminalin üstünde) */
+.term-resize {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 18px;
+  height: 18px;
+  cursor: nwse-resize;
+  z-index: 5;
+  background:
+    linear-gradient(135deg, transparent 0 50%, rgba(255, 255, 255, .45) 50% 60%,
+      transparent 60% 70%, rgba(255, 255, 255, .45) 70% 80%, transparent 80%);
+  border-bottom-right-radius: 12px;
+}
+
+.term-resize:hover {
+  background:
+    linear-gradient(135deg, transparent 0 45%, rgba(255, 255, 255, .8) 45% 60%,
+      transparent 60% 70%, rgba(255, 255, 255, .8) 70% 85%, transparent 85%);
 }
 
 /* Küçültülmüş terminal çubuğu (sağ altta yüzer) */