templates/index.html aktualisiert

This commit is contained in:
2026-03-06 19:05:16 +00:00
parent 042761bc5f
commit 9419c8a243

View File

@@ -14,7 +14,10 @@
<script src="/static/marked.min.js"></script> <script src="/static/marked.min.js"></script>
<style> <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 { .grid-stack-item-content {
background: #1e293b; background: #1e293b;
color: white; color: white;
@@ -25,11 +28,9 @@
overflow: hidden; overflow: hidden;
} }
.terminal-container, #terminal { .terminal-container {
flex: 1; min-height: 200px;
width: 100%; background: black;
height: 100%;
background: black;
} }
#install-log { #install-log {
@@ -56,7 +57,6 @@
body { body {
margin: 0; margin: 0;
padding-top: 60px; /* Platz für die Toolbar */
} }
.top-toolbar { .top-toolbar {
@@ -206,7 +206,7 @@
</div> </div>
<div class="flex h-screen"> <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"> <div id="node-list" class="flex-1 overflow-y-auto space-y-2">
{% for node in nodes %} {% for node in nodes %}
<div class="p-3 bg-slate-800 rounded border border-slate-700 relative group" id="node-card-{{ node.id }}"> <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> <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>
<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">
<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" gs-id="chat-widget" gs-w="6" gs-h="5" gs-x="0" gs-y="0">
<div class="grid-stack-item-content"> <div class="grid-stack-item-content">
@@ -380,7 +380,7 @@
// Korrektur: In deiner main.py ist ein Tippfehler bei "mvidia_model" (mit m) // Korrektur: In deiner main.py ist ein Tippfehler bei "mvidia_model" (mit m)
// Prüfe das in deiner settings API oder korrigiere es hier: // 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; if (isInitialLoad && savedModel) modelSelect.value = savedModel;
} }
} catch (e) { } catch (e) {
@@ -407,9 +407,12 @@
// 5. INITIALISIERUNG // 5. INITIALISIERUNG
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
var grid = GridStack.init({ var grid = GridStack.init({
cellHeight: 80, margin: 10, float: true, cellHeight: 80,
margin: 10,
float: true,
handle: '.widget-header', 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'); const savedLayout = localStorage.getItem('pi-orch-layout-v2');