personal memory agent
Merge branch 'hopper-hnrgyik4-search-input-contrast'
+8
-4
+8
-4
apps/search/workspace.html
+8
-4
apps/search/workspace.html
···
295
295
/* Search input */
296
296
.search-input-form {
297
297
margin-bottom: 1rem;
298
+
margin-left: auto;
299
+
margin-right: auto;
298
300
max-width: 640px;
299
301
}
300
302
···
302
304
width: 100%;
303
305
padding: 0.75rem 1rem;
304
306
font-size: 1rem;
305
-
border: 1px solid var(--facet-border, #e5e0db);
307
+
border: 1px solid #c8c0b8;
306
308
border-radius: 8px;
307
309
outline: none;
308
310
transition: border-color 0.15s, box-shadow 0.15s;
···
315
317
}
316
318
317
319
.search-input:hover:not(:focus) {
318
-
border-color: #d1d5db;
320
+
border-color: #b8b0a8;
319
321
}
320
322
321
323
.search-input::placeholder {
···
454
456
align-items: center;
455
457
padding: 0.4em 0.85em;
456
458
background: #f3f4f6;
457
-
border: 1px solid #e5e7eb;
459
+
border: 1px solid #ebe6e1;
458
460
border-radius: 20px;
459
461
font-size: 0.85rem;
460
462
color: #374151;
···
465
467
466
468
.search-example-chip:hover {
467
469
background: #e5e7eb;
468
-
border-color: #d1d5db;
470
+
border-color: #ddd8d3;
469
471
}
470
472
471
473
.search-example-chip:focus-visible {
···
502
504
503
505
.search-input-form {
504
506
margin-bottom: 0.75rem;
507
+
margin-left: auto;
508
+
margin-right: auto;
505
509
}
506
510
507
511
.filter-section {