Center leftover Learn cards on a short last row and keep thumbnail copy in the top half so it does not cover the artwork.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -35,6 +35,8 @@ describe("ContentThumbnailTemplate", () => {
|
||||
const container = screen.getByRole("link");
|
||||
const thumbnailDiv = container.querySelector("div.relative");
|
||||
expect(thumbnailDiv).toHaveClass("aspect-[260/390]", "w-full");
|
||||
const copy = thumbnailDiv?.querySelector(".z-20");
|
||||
expect(copy).toHaveClass("max-h-[48%]", "overflow-hidden");
|
||||
});
|
||||
|
||||
it("should display post title and description", () => {
|
||||
@@ -61,6 +63,8 @@ describe("ContentThumbnailTemplate", () => {
|
||||
const container = screen.getByRole("link");
|
||||
const thumbnailDiv = container.querySelector("div.relative");
|
||||
expect(thumbnailDiv).toHaveClass("aspect-[320/225.5]", "w-full");
|
||||
const copy = thumbnailDiv?.querySelector(".z-20");
|
||||
expect(copy).toHaveClass("max-h-[48%]", "overflow-hidden");
|
||||
});
|
||||
|
||||
it("should render fixed vertical dimensions when sizing is fixed", () => {
|
||||
|
||||
Reference in New Issue
Block a user