Tweak
This commit is contained in:
parent
2c6777e82d
commit
67a5689e4b
2 changed files with 12 additions and 6 deletions
|
|
@ -19,7 +19,6 @@ export function LoginButton({
|
||||||
...props
|
...props
|
||||||
}: LoginButtonProps) {
|
}: LoginButtonProps) {
|
||||||
const [isLoading, setIsLoading] = React.useState(false)
|
const [isLoading, setIsLoading] = React.useState(false)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Button
|
<Button
|
||||||
variant="outline"
|
variant="outline"
|
||||||
|
|
|
||||||
|
|
@ -31,12 +31,12 @@ export function UserMenu({ user }: UserMenuProps) {
|
||||||
<Button variant="ghost" className="pl-0">
|
<Button variant="ghost" className="pl-0">
|
||||||
{user?.image ? (
|
{user?.image ? (
|
||||||
<Image
|
<Image
|
||||||
className="h-6 w-6 select-none rounded-full ring-1 ring-zinc-100/10 transition-opacity duration-300 hover:opacity-80"
|
className="w-6 h-6 transition-opacity duration-300 rounded-full select-none ring-1 ring-zinc-100/10 hover:opacity-80"
|
||||||
src={user?.image ? `${user.image}&s=60` : ''}
|
src={user?.image ? `${user.image}&s=60` : ''}
|
||||||
alt={user.name ?? 'Avatar'}
|
alt={user.name ?? 'Avatar'}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="flex h-7 w-7 shrink-0 select-none items-center justify-center rounded-full bg-muted/50 text-xs font-medium uppercase text-muted-foreground">
|
<div className="flex items-center justify-center text-xs font-medium uppercase rounded-full select-none h-7 w-7 shrink-0 bg-muted/50 text-muted-foreground">
|
||||||
{user?.name ? getUserInitials(user?.name) : null}
|
{user?.name ? getUserInitials(user?.name) : null}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
@ -54,13 +54,20 @@ export function UserMenu({ user }: UserMenuProps) {
|
||||||
href="https://vercel.com"
|
href="https://vercel.com"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="inline-flex w-full items-center justify-between text-xs"
|
className="inline-flex items-center justify-between w-full text-xs"
|
||||||
>
|
>
|
||||||
Vercel Homepage
|
Vercel Homepage
|
||||||
<IconExternalLink className="ml-auto h-3 w-3" />
|
<IconExternalLink className="w-3 h-3 ml-auto" />
|
||||||
</a>
|
</a>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onClick={() => signOut()} className="text-xs">
|
<DropdownMenuItem
|
||||||
|
onClick={() =>
|
||||||
|
signOut({
|
||||||
|
callbackUrl: '/'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
className="text-xs"
|
||||||
|
>
|
||||||
Log Out
|
Log Out
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue