Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: blog featured post #365

Closed
wants to merge 4 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion .github/workflows/pizza.yml
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Pizza Action
uses: open-sauced/pizza-action@v2.1.0
uses: open-sauced/pizza-action@v2.2.0
with:
cli-version: 'v2.1.0'
commit-and-pr: 'true'
pr-title: 'chore: update repository codeowners'
6 changes: 3 additions & 3 deletions components/sections/blog/FeaturedPost.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,9 @@ const FeaturedPost: FC<FeaturedPostProps> = ({ data }): ReactElement => {
<div className="w-full largeTablet:grid largeTablet:grid-cols-2 largeTablet:gap-x-11">
<div className="hidden largeTablet:flex">
<GradientBorderWrapper style={{ width: '100%' }}>
<div className="flex-1 h-[496px] relative rounded-[5px] overflow-hidden ">
<Image src={src as string} layout="fill" objectFit="cover" alt="Post cover" />
</div>
<div className="w-full relative rounded-[5px] overflow-hidden ">
<Image width={580} height={304} src={src as string} alt="Cover" />
</div>
</GradientBorderWrapper>
</div>

Expand Down
6 changes: 3 additions & 3 deletions components/sections/blog/components/Post.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -57,12 +57,12 @@ const Post: FC<PostProps> = ({ data, featured }): ReactElement => {
<div className={`${featured && 'largeTablet:hidden'}`}>
<GradientBorderWrapper style={{ width: '100%', borderRadius: '5px' }}>
<div className="w-full relative rounded-[5px] overflow-hidden ">
<Image width="580" height={304} src={src as string} alt="Cover" />
<Image width={580} height={304} className='min-h-[22rem]' src={src as string} alt="Cover" />
</div>
</GradientBorderWrapper>
</div>

<div className="flex justify-start pt-6 pb-2 largeTablet:pt-10">
<div className={`flex justify-start pt-6 pb-2 ${featured ? "largeTablet:pt-4" : "largeTablet:pt-10"} `}>
{topics?.map((item) => (
<div key={item} className="mr-5">
<Typography key={item} variant="body4">{`#${item}`}</Typography>
Expand All @@ -79,7 +79,7 @@ const Post: FC<PostProps> = ({ data, featured }): ReactElement => {
</Link>
</LocalTypography>
</div>
<div className="flex items-center pb-6 largeTablet:pb-10 ">
<div className="flex items-center pb-6 largeTablet:pb-5 ">
<div className="flex-shrink-0 mr-2">
<Image src={OrangeAuthor} alt="Author" />
</div>
Expand Down
Loading