TheArchive/tailscale
1
0
Fork 0
mirror of https://github.com/tailscale/tailscale.git synced 2025-02-27 10:47:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

client/web: center and fix height of header

Browse Source 
Centers login pill with Tailscale icon, and fixes height of login
pill.

Updates #10261

Signed-off-by: Sonia Appasamy <sonia@tailscale.com>
This commit is contained in:
Sonia Appasamy 2023-12-01 17:48:09 -05:00 committed by Will Norris
parent f13255d54d
commit 5e125750bc
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/web/src/components/app.tsx
View File

@ -140,7 +140,7 @@ function Header({
return ( return (
<> <>
<div className="flex justify-between mb-12"> <div className="flex justify-between items-center mb-12">
<div className="flex gap-3"> <div className="flex gap-3">
<TailscaleIcon <TailscaleIcon
className="cursor-pointer" className="cursor-pointer"

6
client/web/src/components/login-toggle.tsx
View File

@ -37,7 +37,7 @@ export default function LoginToggle({
{!auth.canManageNode ? ( {!auth.canManageNode ? (
<button <button
className={cx( className={cx(
"pl-3 py-1 bg-zinc-800 rounded-full flex justify-start items-center", "pl-3 py-1 bg-gray-700 rounded-full flex justify-start items-center h-[34px]",
{ "pr-1": auth.viewerIdentity, "pr-3": !auth.viewerIdentity } { "pr-1": auth.viewerIdentity, "pr-3": !auth.viewerIdentity }
)} )}
onClick={() => setOpen(!open)} onClick={() => setOpen(!open)}
@ -56,10 +56,10 @@ export default function LoginToggle({
) : ( ) : (
<div <div
className={cx( className={cx(
"w-[34px] h-[34px] p-1 rounded-full items-center inline-flex", "w-[34px] h-[34px] p-1 rounded-full justify-center items-center inline-flex",
{ {
"bg-transparent": !open, "bg-transparent": !open,
"bg-neutral-300": open, "bg-gray-300": open,
} }
)} )}
> >