templates/index.html

@@ -14,7 +14,10 @@
     <script src="/static/marked.min.js"></script>
     
     <style>
-        .grid-stack { background: #0f172a; min-height: 100vh; padding: 10px; }
+        .grid-stack { 
+            background: transparent; 
+            min-height: calc(100vh - 55px); 
+            padding: 10px;
         .grid-stack-item-content {
             background: #1e293b;
             color: white;
@@ -25,11 +28,9 @@
             overflow: hidden;
         }
         
-        .terminal-container, #terminal { 
-            flex: 1; 
-            width: 100%;
-            height: 100%; 
-            background: black; 
+        .terminal-container {
+            min-height: 200px;
+            background: black;
         }
         
         #install-log { 
@@ -56,7 +57,6 @@
 
         body {
             margin: 0; 
-            padding-top: 60px; /* Platz für die Toolbar */
         }
 
         .top-toolbar {
@@ -206,7 +206,7 @@
     </div>
 
     <div class="flex h-screen">
-        <div class="w-64 bg-slate-900 border-r border-slate-800 p-4 flex flex-col">
+        <div class="flex min-h-screen pt-[55px]"> <div class="w-64 bg-slate-900 border-r border-slate-800 p-4 flex flex-col fixed left-0 top-[55px] bottom-0 z-10">
             <div id="node-list" class="flex-1 overflow-y-auto space-y-2">
                 {% for node in nodes %}
                     <div class="p-3 bg-slate-800 rounded border border-slate-700 relative group" id="node-card-{{ node.id }}">
@@ -238,7 +238,7 @@
             <button onclick="localStorage.removeItem('pi-orch-layout-v2'); location.reload();" class="mt-4 text-[10px] text-slate-500 hover:text-white uppercase text-center w-full">Layout Reset</button>
         </div>
 
-        <div class="flex-1 overflow-y-auto">
+        <div class="flex-1 ml-64 bg-slate-950 overflow-y-auto">
             <div class="grid-stack">
                 <div class="grid-stack-item" gs-id="chat-widget" gs-w="6" gs-h="5" gs-x="0" gs-y="0">
                     <div class="grid-stack-item-content">
@@ -380,7 +380,7 @@
                     
                     // Korrektur: In deiner main.py ist ein Tippfehler bei "mvidia_model" (mit m)
                     // Prüfe das in deiner settings API oder korrigiere es hier:
-                    const savedModel = currentSettings[`${provider}_model`] || currentSettings[`mvidia_model` if provider === 'nvidia'];
+                    const savedModel = currentSettings[`${provider}_model`] || (provider === 'nvidia' ? currentSettings['nvidia_model'] : null);
                     if (isInitialLoad && savedModel) modelSelect.value = savedModel;
                 }
             } catch (e) { 
@@ -407,9 +407,12 @@
         // 5. INITIALISIERUNG
         document.addEventListener('DOMContentLoaded', function() {
             var grid = GridStack.init({
-                cellHeight: 80, margin: 10, float: true, 
+                cellHeight: 80, 
+                margin: 10, 
+                float: true, 
                 handle: '.widget-header',
-                resizable: { handles: 'all' }
+                resizable: { handles: 'all' },
+                alwaysShowResizeHandle: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
             });
 
             const savedLayout = localStorage.getItem('pi-orch-layout-v2');