mirror of
https://github.com/NousResearch/hermes-agent.git
synced 2026-07-21 16:18:55 +00:00
fix(desktop): drop panel tint, cap info tooltip width
Inputs use the app-wide desktop-input-chrome CSS (background set directly, utilities lose the cascade), so the tinted panel surface was what made them read flat — remove the tint and let the accent border + row hairlines carry the structure, matching how inputs sit everywhere else in settings. The Tip primitive styles for 2-3 word labels (bold, no wrap cap); give the info variant a width cap, normal weight, and snug leading.
This commit is contained in:
parent
a182ddbf9f
commit
7faacb6dab
2 changed files with 3 additions and 3 deletions
|
|
@ -9,7 +9,7 @@ import type { MemoryProviderField } from '@/types/hermes'
|
|||
import { CONTROL_TEXT } from '../constants'
|
||||
|
||||
// Fade the placeholder well below set values so example text never reads as data.
|
||||
const FIELD_INPUT = `border-(--ui-stroke-secondary) bg-background font-mono ${CONTROL_TEXT} placeholder:text-muted-foreground/45`
|
||||
const FIELD_INPUT = `font-mono ${CONTROL_TEXT} placeholder:text-muted-foreground/45`
|
||||
|
||||
// Field label with an optional info tooltip, shared by the panel and modal rows.
|
||||
export function FieldTitle({ field }: { field: MemoryProviderField }) {
|
||||
|
|
@ -20,7 +20,7 @@ export function FieldTitle({ field }: { field: MemoryProviderField }) {
|
|||
return (
|
||||
<span className="inline-flex items-center gap-1.5">
|
||||
{field.label}
|
||||
<Tip label={field.info}>
|
||||
<Tip className="max-w-60 font-normal leading-snug whitespace-normal" label={field.info}>
|
||||
<Info aria-label={`About ${field.label}`} className="size-3.5 text-muted-foreground/70" />
|
||||
</Tip>
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -133,7 +133,7 @@ export function ProviderConfigPanel({ provider }: { provider: string }) {
|
|||
</div>
|
||||
|
||||
{expanded && (
|
||||
<div className="ml-1.5 border-l-2 border-(--ui-accent-secondary)/25 bg-(--ui-bg-quinary) pb-4 pl-4 pr-4">
|
||||
<div className="ml-1.5 border-l-2 border-(--ui-accent-secondary)/25 pb-4 pl-4 pr-4">
|
||||
{inlineFields.map(field => (
|
||||
<div className="border-b border-border/40 last:border-b-0" key={field.key}>
|
||||
<ListRow
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue