Spaces:

edgemate
/

edgellm

Runtime error

wu981526092 commited on Aug 31

Commit

7e40983

1 Parent(s): 434ef9a

� CRITICAL BUTTON CONTAINER FIX: Added missing flex gap-1 wrapper

� Found the EXACT structural difference!

❌ BEFORE - Missing Container:
Configuration:
<div flex items-center>
<h2>Configuration</h2>
<Button>collapse</Button> ← NO WRAPPER!
</div>

✅ AFTER - Perfect Match:
Sessions: Configuration:
<div flex items-center> <div flex items-center>
<h2>Chat Sessions</h2> <h2>Configuration</h2>
<div flex gap-1> <div flex gap-1> ← ADDED!
<Button>New</Button> <Button>collapse</Button>
<Button>collapse</Button> </div>
</div> </div>
</div> </div>

� Technical Fix:
- Added missing 'flex gap-1' wrapper around Configuration collapse button
- Now both headers have IDENTICAL DOM structure and flex behavior
- Buttons now have same container hierarchy and spacing logic

✅ Result: Both titles should now be positioned identically!

Files changed (4) hide show

frontend/src/pages/Playground.tsx +11 -9
static/assets/index-804e1731.js +0 -0
static/assets/index-804e1731.js.map +0 -0
static/index.html +1 -1

frontend/src/pages/Playground.tsx CHANGED Viewed

@@ -512,15 +512,17 @@ export function Playground() {
             <div className="p-4 space-y-4 h-full">
               <div className={`flex items-center ${configCollapsed ? 'justify-center' : 'justify-between'}`}>
                 {!configCollapsed && <h2 className="font-semibold">Configuration</h2>}
-                <Button
-                  onClick={() => setConfigCollapsed(!configCollapsed)}
-                  size="sm"
-                  variant="ghost"
-                  className="h-8 w-8 p-0 hover:bg-gray-100"
-                  title={configCollapsed ? "Expand Configuration" : "Collapse Configuration"}
-                >
-                  {configCollapsed ? <ChevronLeft className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
-                </Button>
               </div>
               {configCollapsed && (

             <div className="p-4 space-y-4 h-full">
               <div className={`flex items-center ${configCollapsed ? 'justify-center' : 'justify-between'}`}>
                 {!configCollapsed && <h2 className="font-semibold">Configuration</h2>}
+                <div className="flex gap-1">
+                  <Button
+                    onClick={() => setConfigCollapsed(!configCollapsed)}
+                    size="sm"
+                    variant="ghost"
+                    className="h-8 w-8 p-0 hover:bg-gray-100"
+                    title={configCollapsed ? "Expand Configuration" : "Collapse Configuration"}
+                  >
+                    {configCollapsed ? <ChevronLeft className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
+                  </Button>
+                </div>
               </div>
               {configCollapsed && (

static/assets/index-804e1731.js ADDED Viewed

The diff for this file is too large to render. See raw diff

static/assets/index-804e1731.js.map ADDED Viewed

The diff for this file is too large to render. See raw diff

static/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Edge LLM</title>
-    <script type="module" crossorigin src="/assets/index-00b00b1d.js"></script>
     <link rel="stylesheet" href="/assets/index-2973491c.css">
   </head>
   <body>

     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Edge LLM</title>
+    <script type="module" crossorigin src="/assets/index-804e1731.js"></script>
     <link rel="stylesheet" href="/assets/index-2973491c.css">
   </head>
   <body>