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

fix(ai-toolbar): wrap masonry prompt cards correctly

Browse Source
This commit is contained in:
Dmytro Stanchiev
2026-04-22 17:45:57 -04:00
parent e1a12d0c71
commit a93d95ee2e
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -343,7 +343,7 @@ export const AIToolbar = ({
type="button" type="button"
variant="secondary" variant="secondary"
size="sm" size="sm"
className="h-auto w-full text-left justify-start rounded-2xl px-3 py-2 text-[11px] leading-relaxed" className="h-auto w-full justify-start text-left whitespace-normal rounded-2xl px-3 py-2 text-[11px] leading-relaxed"
onClick={() => onAiTemplateSelect(prompt)} onClick={() => onAiTemplateSelect(prompt)}
disabled={aiLoading || !canUseAi} disabled={aiLoading || !canUseAi}
> >

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

@@ -172,7 +172,10 @@ describe("AI capture redesign", () => {
expect(source).toContain("Try:"); expect(source).toContain("Try:");
expect(source).toContain("columns-2"); expect(source).toContain("columns-2");
expect(source).toContain("break-inside-avoid"); expect(source).toContain("break-inside-avoid");
expect(source).toContain("w-full text-left"); expect(source).toContain("whitespace-normal");
expect(source).toMatch(
/className="[^"]*\bw-full\b[^"]*\btext-left\b[^"]*\bwhitespace-normal\b[^"]*"/,
);
}); });
test("desktop composer uses a two-column row when the page gives it full-width space", () => { test("desktop composer uses a two-column row when the page gives it full-width space", () => {