CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Related Articles lg breakpoint implemented

Browse Source
This commit is contained in:
adilallo
2025-09-11 14:27:18 -06:00
parent 8a31671bbc
commit 3820076435
4 changed files with 104 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/ContentThumbnailTemplate.js
+4 -4
View File
@@ -50,9 +50,9 @@ const ContentThumbnailTemplate = ({
return (
<Link
href={`/blog/${post.slug}`}
className={`block group transition-transform duration-300 hover:scale-105 ${className}`}
className={`block transition-transform duration-200 hover:scale-[1.02] ${className}`}
>
<div className="relative w-[260px] h-[390px] overflow-hidden rounded-lg shadow-lg pt-[18px] pl-[18px] pr-[42px] pb-[212px]">
<div className="relative w-[260px] h-[390px] overflow-hidden pt-[18px] pl-[18px] pr-[42px] pb-[212px]">
{/* Background SVG - sized to fit the 260x390 container exactly */}
<div className="absolute inset-0 z-0">
{/* eslint-disable-next-line @next/next/no-img-element */}
@@ -76,9 +76,9 @@ const ContentThumbnailTemplate = ({
return (
<Link
href={`/blog/${post.slug}`}
className={`block group transition-transform duration-300 hover:scale-105 ${className}`}
className={`block transition-transform duration-200 hover:scale-[1.02] ${className}`}
>
<div className="relative w-[320px] h-[225.5px] overflow-hidden rounded-lg shadow-lg pt-[13.75px] pr-[76px] pb-[73.75px] pl-[14px]">
<div className="relative w-[320px] h-[225.5px] overflow-hidden pt-[13.75px] pr-[76px] pb-[73.75px] pl-[14px]">
{/* Background SVG - sized to fit the 320x225.5 container exactly */}
<div className="absolute inset-0 z-0">
{/* eslint-disable-next-line @next/next/no-img-element */}