old4ever/local-cal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Dmytro Stanchiev
2026-04-22 17:35:12 -04:00
parent 7efc22c19c
commit 7b61703b01
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ai-toolbar.tsx
View File

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

7
tests/ai-toolbar.test.ts
View File

@@ -184,6 +184,13 @@ describe("AI capture redesign", () => {
expect(source).toContain("rounded-[10px] bg-card p-3 shadow-sm"); 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 ──────────────────────────────────────────── // ─── Cycle 6: Composer footer bar ────────────────────────────────────────────