Keep the logo tile dropdown fully visible within the sidebar panel

The per-tile picker always anchored to the left edge of its tile, so
opening it on tile 3 or 4 pushed the 224px-wide dropdown past the sidebar's
right edge, cutting it off. Anchors right instead of left for tiles at
index 2+ (right half of the 4-column grid), keeping it within the panel
regardless of which tile is clicked.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
ShaneandClaude Sonnet 5 committed 2026-07-16 18:03:18 -05:00
1 parent 522f97b1d8
commit a693618084
1 file changed
+5 -1
+5 -1
View File
@@ -1733,7 +1733,11 @@ export default function Page() {
</button>
{logoTilePickerOpen === tileIdx && (
<div className="absolute bottom-full z-20 mb-1 w-56 rounded-md border border-strong bg-background p-2 shadow-[0_8px_30px_rgba(0,0,0,0.35)] ring-1 ring-black/5">
<div
className={`absolute bottom-full z-20 mb-1 w-56 rounded-md border border-strong bg-background p-2 shadow-[0_8px_30px_rgba(0,0,0,0.35)] ring-1 ring-black/5 ${
tileIdx >= 2 ? 'right-0' : 'left-0'
}`}
>
<input
type="text"
value={logoTilePickerQuery}