Skip to content

Commit bbb94a3

Browse files
author
X
committed
.
1 parent e659663 commit bbb94a3

File tree

2 files changed

+139
-3
lines changed

2 files changed

+139
-3
lines changed

styles/boot.css

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,125 @@ body::after {
142142
.add-model-card { border-style: dashed; display: flex; align-items: center; justify-content: center; flex-direction: column; }
143143
.model-card-content { display: flex; flex-direction: column; gap: 8px; }
144144

145+
/* Inline Add/Edit Model Form */
146+
.model-form-inline {
147+
background: var(--bg-element);
148+
border: 1px solid var(--border-default);
149+
padding: 20px;
150+
margin-top: 15px;
151+
}
152+
153+
.model-form-header {
154+
display: flex;
155+
justify-content: space-between;
156+
align-items: center;
157+
margin-bottom: 15px;
158+
padding-bottom: 10px;
159+
border-bottom: 1px solid var(--border-default);
160+
}
161+
162+
.model-form-header h5 {
163+
margin: 0;
164+
color: var(--primary);
165+
font-size: 14px;
166+
text-transform: uppercase;
167+
letter-spacing: 1px;
168+
}
169+
170+
.close-btn, .close-btn-small {
171+
background: transparent;
172+
border: 1px solid var(--border-default);
173+
color: var(--text-muted);
174+
width: 28px;
175+
height: 28px;
176+
font-size: 18px;
177+
line-height: 1;
178+
cursor: pointer;
179+
transition: 0.2s;
180+
display: flex;
181+
align-items: center;
182+
justify-content: center;
183+
}
184+
185+
.close-btn:hover, .close-btn-small:hover {
186+
border-color: var(--secondary);
187+
color: var(--secondary);
188+
}
189+
190+
.inline-form-row {
191+
margin-bottom: 12px;
192+
}
193+
194+
.inline-form-row label {
195+
display: block;
196+
color: var(--text-muted);
197+
font-size: 11px;
198+
text-transform: uppercase;
199+
letter-spacing: 1px;
200+
margin-bottom: 6px;
201+
}
202+
203+
.inline-select, .inline-input {
204+
width: 100%;
205+
padding: 10px;
206+
background: var(--bg-panel);
207+
border: 1px solid var(--border-default);
208+
color: var(--text-primary);
209+
font-family: var(--font-mono);
210+
font-size: 12px;
211+
}
212+
213+
.inline-select:focus, .inline-input:focus {
214+
outline: none;
215+
border-color: var(--primary);
216+
}
217+
218+
.inline-form-actions {
219+
display: flex;
220+
gap: 10px;
221+
margin-top: 15px;
222+
padding-top: 15px;
223+
border-top: 1px solid var(--border-default);
224+
}
225+
226+
.inline-btn-cancel, .inline-btn-save {
227+
flex: 1;
228+
padding: 10px 16px;
229+
font-family: var(--font-mono);
230+
font-size: 12px;
231+
text-transform: uppercase;
232+
letter-spacing: 1px;
233+
cursor: pointer;
234+
transition: 0.2s;
235+
}
236+
237+
.inline-btn-cancel {
238+
background: transparent;
239+
border: 1px solid var(--border-default);
240+
color: var(--text-muted);
241+
}
242+
243+
.inline-btn-cancel:hover {
244+
border-color: var(--text-primary);
245+
color: var(--text-primary);
246+
}
247+
248+
.inline-btn-save {
249+
background: transparent;
250+
border: 1px solid var(--primary);
251+
color: var(--primary);
252+
}
253+
254+
.inline-btn-save:hover:not(:disabled) {
255+
background: var(--primary-dim);
256+
box-shadow: 0 0 10px rgba(0, 255, 255, 0.2);
257+
}
258+
259+
.inline-btn-save:disabled {
260+
opacity: 0.4;
261+
cursor: not-allowed;
262+
}
263+
145264
/* Model Card Buttons */
146265
.model-card-btn {
147266
background: transparent;

styles/proto.css

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@
3535
background: var(--bg-primary);
3636
color: var(--text-primary);
3737
font-family: 'Courier New', monospace;
38+
overflow: hidden; /* Contain overflow - children scroll independently */
3839
}
3940

4041
/* Sidebar Navigation */
@@ -44,6 +45,8 @@
4445
background: var(--bg-secondary);
4546
border-right: 1px solid var(--border-default);
4647
padding: 8px 0;
48+
overflow-y: auto;
49+
overflow-x: hidden;
4750
}
4851

4952
.sidebar-btn {
@@ -77,6 +80,7 @@
7780
display: flex;
7881
flex-direction: column;
7982
overflow: hidden;
83+
min-height: 0; /* Enable scrolling in flex child */
8084
}
8185

8286
.workspace-header {
@@ -86,12 +90,14 @@
8690
display: flex;
8791
justify-content: space-between;
8892
align-items: center;
93+
flex-shrink: 0; /* Prevent header from shrinking */
8994
}
9095

9196
.workspace-content {
9297
flex: 1;
9398
overflow-y: auto;
9499
padding: 16px;
100+
min-height: 0; /* Enable scrolling in flex child */
95101
}
96102

97103
/* Utility Panel (VFS Browser) */
@@ -100,6 +106,8 @@
100106
flex-direction: column;
101107
background: var(--bg-secondary);
102108
border-left: 1px solid var(--border-default);
109+
min-height: 0; /* Enable scrolling in flex child */
110+
overflow: hidden;
103111
}
104112

105113
.utility-header {
@@ -114,16 +122,18 @@
114122

115123
.vfs-tree {
116124
flex: 1;
117-
min-height: 0;
125+
min-height: 0; /* Enable scrolling in flex child */
118126
overflow-y: auto;
127+
overflow-x: hidden;
119128
padding: 8px;
120129
font-size: 11px;
121130
}
122131

123132
.vfs-content {
124133
flex: 1;
125-
min-height: 0;
134+
min-height: 0; /* Enable scrolling in flex child */
126135
overflow-y: auto;
136+
overflow-x: hidden;
127137
padding: 8px;
128138
border-top: 1px solid var(--border-default);
129139
font-size: 10px;
@@ -134,6 +144,9 @@
134144
.history-stream, .reflections-stream {
135145
font-size: 12px;
136146
line-height: 1.6;
147+
flex: 1;
148+
min-height: 0; /* Enable scrolling in flex child */
149+
overflow-y: auto;
137150
}
138151

139152
/* Status panel */
@@ -169,6 +182,7 @@
169182
background: var(--bg-primary);
170183
color: var(--text-primary);
171184
font-family: 'Courier New', monospace;
185+
overflow: hidden; /* Contain overflow */
172186
}
173187

174188
.dashboard-header {
@@ -253,14 +267,17 @@
253267
display: flex;
254268
flex: 1;
255269
overflow: hidden;
270+
min-height: 0; /* Enable scrolling in flex children */
256271
}
257272

258273
.panel {
259274
flex: 1;
260275
padding: var(--space-lg);
261-
overflow: auto;
276+
overflow-y: auto;
277+
overflow-x: hidden;
262278
display: flex;
263279
flex-direction: column;
280+
min-height: 0; /* Enable scrolling in flex child */
264281
}
265282

266283
.left-panel {

0 commit comments

Comments
 (0)