TheArchive/tailscale
1
0
Fork 0
mirror of https://github.com/tailscale/tailscale.git synced 2025-04-21 14:11:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

client/web: fix exit node selector styling

Browse Source 
Remove padding on top of search bar, remove rounded corners of
bottom border of earch bar, and add auto focus.

Updates #10261

Signed-off-by: Sonia Appasamy <sonia@tailscale.com>
This commit is contained in:
Sonia Appasamy 2023-12-06 14:12:47 -05:00 committed by Sonia Appasamy
parent af32d1c120
commit 2731a9da36
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/web/src/components/exit-node-selector.tsx
View File

@ -205,10 +205,11 @@ function ExitNodeSelectorInner({
) )
return ( return (
<div className="w-[calc(var(--radix-popover-trigger-width)-16px)] py-1 rounded-lg shadow"> <div className="w-[calc(var(--radix-popover-trigger-width)-16px)] pb-1 rounded-lg shadow">
<SearchInput <SearchInput
name="exit-node-search" name="exit-node-search"
inputClassName="w-full px-4 py-2" inputClassName="w-full px-4 py-2 border-none rounded-b-none"
autoFocus
autoCorrect="off" autoCorrect="off"
autoComplete="off" autoComplete="off"
autoCapitalize="off" autoCapitalize="off"
@ -231,7 +232,7 @@ function ExitNodeSelectorInner({
group.nodes.length > 0 && ( group.nodes.length > 0 && (
<div <div
key={group.id} key={group.id}
className="pb-1 mb-1 border-b last:border-b-0 last:mb-0" className="pb-1 mb-1 border-b last:border-b-0 border-gray-200 last:mb-0"
> >
{group.name && ( {group.name && (
<div className="px-4 py-2 text-gray-500 text-xs font-medium uppercase tracking-wide"> <div className="px-4 py-2 text-gray-500 text-xs font-medium uppercase tracking-wide">