Fix mobile header layout and space selector dropdown alignment (#921)

This commit is contained in:
Vedant Mahajan 2026-05-11 06:26:08 +05:30 committed by GitHub
parent ae35b7a0e5
commit 2d44ecda1e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 3 deletions

View file

@ -71,7 +71,7 @@ export function Header({ onAddMemory, onOpenSearch }: HeaderProps) {
<DropdownMenuTrigger asChild>
<button
type="button"
className="-ml-2 flex shrink-0 cursor-pointer items-center rounded-lg px-1.5 py-1 transition-colors hover:bg-white/5 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:outline-none"
className="flex shrink-0 cursor-pointer items-center rounded-lg px-1.5 py-1 transition-colors hover:bg-white/5 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:outline-none md:-ml-2"
>
<Logo className="h-6 md:h-7" />
{!isMobile && userName && (

View file

@ -297,9 +297,15 @@ export function SpaceSelector({
</button>
</DropdownMenuTrigger>
<DropdownMenuContent
align="start"
align={compact ? "end" : "start"}
alignOffset={0}
sideOffset={compact ? 8 : 4}
collisionPadding={compact ? 16 : 8}
className={cn(
"min-w-[200px] max-w-[min(calc(100vw-1.5rem),20rem)] overflow-hidden p-1.5 rounded-xl border border-[#2E3033] shadow-[0px_1.5px_20px_0px_rgba(0,0,0,0.65)]",
"min-w-[200px] overflow-hidden p-1.5 rounded-xl border border-[#2E3033] shadow-[0px_1.5px_20px_0px_rgba(0,0,0,0.65)]",
compact
? "w-[min(calc(100vw-3rem),18rem)]"
: "max-w-[min(calc(100vw-2rem),20rem)]",
dmSansClassName(),
contentClassName,
)}