refactor(ai-toolbar): stack attachment previews by row

This commit is contained in:
2026-04-22 17:35:12 -04:00
parent 7efc22c19c
commit 7b61703b01
2 changed files with 8 additions and 3 deletions

View File

@@ -466,9 +466,7 @@ export const AIToolbar = ({
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: 4 }}
transition={{ duration: 0.15 }}
className={
isMobile ? "mt-3 grid gap-2" : "mt-3 grid gap-2 grid-cols-2"
}
className="mt-3 grid gap-2"
>
{imagePreviews.map((preview, index) => (
<motion.div

View File

@@ -184,6 +184,13 @@ describe("AI capture redesign", () => {
expect(source).toContain("rounded-[10px] bg-card p-3 shadow-sm");
});
test("attachment previews stack one per row instead of using a two-column desktop grid", () => {
const source = readToolbarSource();
expect(source).not.toContain('"mt-3 grid gap-2 grid-cols-2"');
expect(source).toContain('"mt-3 grid gap-2"');
});
});
// ─── Cycle 6: Composer footer bar ────────────────────────────────────────────