[READ-ONLY] Mirror of https://github.com/bombshell-dev/tty. Platform independent 2D layout engine for terminal applications based on Clay
🎨 remove modeline from clay-transitions demo
Charles Lowell
(Apr 22, 2026, 10:21 PM -0500)
8730e55d
10d38abe
+4
-31
+3
-30
demo/clay-transitions.ts
+3
-30
demo/clay-transitions.ts
···
93
93
94
94
const ROOT_BG = rgba(18, 18, 22);
95
95
const TOPBAR_BG = rgba(40, 40, 55);
96
-
const MODELINE_BG = rgba(30, 30, 45);
97
96
const BTN_DEFAULT = rgba(60, 60, 80);
98
97
const BTN_HOVER = rgba(90, 90, 120);
99
98
const KEY_COLOR = rgba(255, 220, 120);
···
243
242
},
244
243
bg,
245
244
transition: {
246
-
duration: 0.5,
247
-
easing: "easeOut",
245
+
duration: 0.4,
246
+
easing: "easeInOut",
248
247
properties: ["width", "position", "bg"],
249
248
interactive: true,
250
249
},
···
259
258
260
259
ops.push(close());
261
260
262
-
ops.push(
263
-
open("modeline", {
264
-
layout: {
265
-
width: grow(),
266
-
height: fixed(1),
267
-
direction: "ltr",
268
-
padding: { left: 1, right: 1 },
269
-
gap: 2,
270
-
},
271
-
bg: MODELINE_BG,
272
-
}),
273
-
open("ml:s", { layout: { direction: "ltr", gap: 0 } }),
274
-
text("s", { color: KEY_COLOR }),
275
-
text(" shuffle", { color: LABEL_COLOR }),
276
-
close(),
277
-
open("ml:c", { layout: { direction: "ltr", gap: 0 } }),
278
-
text("c", { color: KEY_COLOR }),
279
-
text(" recolor", { color: LABEL_COLOR }),
280
-
close(),
281
-
open("ml:q", { layout: { direction: "ltr", gap: 0 } }),
282
-
text("q", { color: KEY_COLOR }),
283
-
text(" quit", { color: LABEL_COLOR }),
284
-
close(),
285
-
close(),
286
-
);
287
-
288
261
ops.push(close());
289
262
290
263
return ops;
···
296
269
yield* spawn(function* () {
297
270
while (true) {
298
271
if (flag.animating) {
299
-
yield* sleep(16);
272
+
yield* sleep(2);
300
273
yield* ch.send();
301
274
} else {
302
275
yield* sleep(50);