Keep the three logo-wall marks in a centered cluster instead of stretching them across the page.
The space-between row was drawn for six logos; three marks looked abandoned at the edges. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
1 parent
ea85be2287
commit
5bd49eaed8
3 files changed
+10
-7
No files matched your search
@@ -60,17 +60,20 @@ describe("LogoWall Component", () => {
|
||||
);
|
||||
});
|
||||
|
||||
test("lays out the three marks in a wrapping row", () => {
|
||||
test("lays out the three marks as a centered cluster", () => {
|
||||
render(<LogoWall />);
|
||||
|
||||
const row = document.querySelector('[class*="flex w-full flex-col"]');
|
||||
expect(row).toBeInTheDocument();
|
||||
expect(row).toHaveClass(
|
||||
"justify-center",
|
||||
"sm:flex-row",
|
||||
"sm:justify-center",
|
||||
"md:flex-nowrap",
|
||||
"md:justify-between",
|
||||
"gap-[38.4px]",
|
||||
);
|
||||
expect(row).not.toHaveClass("md:justify-between");
|
||||
expect(row).not.toHaveClass("sm:justify-around");
|
||||
});
|
||||
|
||||
test("renders logos with correct attributes", () => {
|
||||
|
||||
Reference in new issue
Block a user