fix: remove redundant symbol badge, highlight symbol in label
- Remove symbol badge between input boxes (input now stays in sync) - Change label to 'Symbol: IREN' with the symbol value in accent/pink color
This commit is contained in:
@@ -126,10 +126,11 @@ export function ConfluencePanel() {
|
||||
|
||||
{/* Header */}
|
||||
<div className="flex flex-wrap items-end gap-4">
|
||||
<div className="flex items-end gap-2">
|
||||
<div>
|
||||
<label className="block text-xs text-fg-muted mb-1">Symbol</label>
|
||||
<div className="relative w-48">
|
||||
<div>
|
||||
<label className="block text-xs text-fg-muted mb-1">
|
||||
Symbol: <span className="text-accent font-medium">{symbol}</span>
|
||||
</label>
|
||||
<div className="relative w-48">
|
||||
<SymbolAutocomplete
|
||||
value={searchQuery}
|
||||
onChange={setSearchQuery}
|
||||
@@ -139,13 +140,7 @@ export function ConfluencePanel() {
|
||||
ariaLabel="Select symbol for signal confluence"
|
||||
inputClassName="w-full bg-surface-sunken border border-line rounded-lg px-3 py-1.5 text-xs text-fg placeholder:text-fg-muted focus:outline-none focus:border-accent focus:ring-1 focus:ring-accent"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{symbol && (
|
||||
<span className="mb-0.5 inline-flex items-center rounded bg-accent/10 border border-accent/30 px-2 py-1.5 text-xs font-medium text-accent">
|
||||
{symbol}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-xs text-fg-muted mb-1">Rack</label>
|
||||
|
||||
Reference in New Issue
Block a user