fix: input depth styling, missed fields, and header button order

- Add subtle border + inset shadow to input tiers for resting-state visibility
- Fix DmSearchBar and SearchPopover containers missing input depth treatment
- Fix focus ring clipping in settings panel scroll container
- Swap search and member list toggle button positions in channel/DM headers
This commit is contained in:
Jannis Braun
2026-03-14 14:04:14 +01:00
parent 836f0acef6
commit 1750f12c85
3 changed files with 7 additions and 7 deletions
@@ -162,7 +162,7 @@ export function SearchPopover({ open, onClose, anchorRef, channelId, isDm, onJum
>
{/* Search input */}
<div className="p-3 border-b border-white/[0.07]">
<div className="flex items-center gap-2 bg-surface-input rounded-lg px-3 py-2">
<div className="flex items-center gap-2 bg-surface-input rounded-lg px-3 py-2 border border-white/[0.06] shadow-input">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" className="text-txt-tertiary flex-shrink-0">
<path d="M21.707 20.293l-5.395-5.395A7.457 7.457 0 0018 10.5 7.5 7.5 0 1010.5 18c1.575 0 3.027-.486 4.228-1.31l5.476 5.476a.997.997 0 001.414 0l.089-.089a1 1 0 000-1.414l.001-.37zM10.5 16a5.5 5.5 0 110-11 5.5 5.5 0 010 11z" />
</svg>