Hitonabi/mission-control-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Gedächtnis-Graph viel größer (fast volle Viewport-Höhe statt 480px)

Browse Source 
Graph- + Detail-Panel auf h-[calc(100vh-13rem)] min-h-560 (Panel scrollbar). Detail-Spalte 280→300px.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Hitonabi
2026-06-28 11:13:21 +02:00
parent d832f90ad6
commit de3c452f20
6 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/dist/assets/GraphView-COC_6OUw.js → frontend/dist/assets/GraphView-CKQFjdD5.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-BQ6s_c3E.css
Vendored
-1
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-BhNoAezr.js → frontend/dist/assets/index-BizBt9ex.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-pLGAPRKv.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
frontend/dist/index.html
Vendored
+2 -2
View File
@@ -7,8 +7,8 @@
<link rel="manifest" href="/manifest.webmanifest" /> <link rel="manifest" href="/manifest.webmanifest" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>Mission Control 2.0</title> <title>Mission Control 2.0</title>
<script type="module" crossorigin src="/assets/index-BhNoAezr.js"></script> <script type="module" crossorigin src="/assets/index-BizBt9ex.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BQ6s_c3E.css"> <link rel="stylesheet" crossorigin href="/assets/index-pLGAPRKv.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
frontend/src/views/GraphView.tsx
+3 -3
View File
@@ -116,8 +116,8 @@ export function GraphView({ data, onDelete }: { data: MemoryGraph; onDelete: (id
} }
return ( return (
<div className="grid grid-cols-1 lg:grid-cols-[1fr_280px] gap-3"> <div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-3">
<div className="relative h-[480px] rounded-2xl border border-border/60 bg-[#070a0f] overflow-hidden"> <div className="relative h-[calc(100vh-13rem)] min-h-[560px] rounded-2xl border border-border/60 bg-[#070a0f] overflow-hidden">
<div ref={containerRef} className="absolute inset-0" /> <div ref={containerRef} className="absolute inset-0" />
{/* Legende */} {/* Legende */}
<div className="absolute left-3 bottom-3 flex flex-wrap gap-2 rounded-lg bg-background/40 px-2.5 py-1.5 backdrop-blur-sm"> <div className="absolute left-3 bottom-3 flex flex-wrap gap-2 rounded-lg bg-background/40 px-2.5 py-1.5 backdrop-blur-sm">
@@ -129,7 +129,7 @@ export function GraphView({ data, onDelete }: { data: MemoryGraph; onDelete: (id
</div> </div>
</div> </div>
<div className="rounded-2xl border border-border/60 bg-card/45 backdrop-blur-md p-4 min-h-[480px]"> <div className="rounded-2xl border border-border/60 bg-card/45 backdrop-blur-md p-4 h-[calc(100vh-13rem)] min-h-[560px] overflow-y-auto scrollbar-thin">
{sel ? ( {sel ? (
<> <>
<div className="flex items-center gap-2 mb-3"> <div className="flex items-center gap-2 mb-3">