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.

Sign up for GitHub

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

Jump to bottom

fix: Author Rendering at the Blog page #1066

Open
wants to merge 12 commits into
base: main
Choose a base branch
from
Open

fix: Author Rendering at the Blog page #1066

Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
be55698
Changing the tailwindconfig file
Oct 26, 2024
97b6cc3
added the changes to blogpage
Oct 26, 2024
0bed372
resolving include file conflict
Oct 26, 2024
7b03447
Reverted _includes/community to match upstream/main
Oct 26, 2024
86a8dfe
Adding some changes to blogpage
Oct 26, 2024
a747a87
Some changes in string concatenation
Oct 26, 2024
4b71dad
Adding safelist
Oct 26, 2024
fc4a65f
Trying some changes in the code
Oct 26, 2024
28412f0
Removing the safelist
Oct 26, 2024
58e4f37
Updated the join method
Oct 28, 2024
81b8f36
Merge branch 'main' into fix/blogpage
Ritesh2351235 Nov 13, 2024
6c5c495
Adding the purgeble edited file
Ritesh2351235 Nov 13, 2024
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
48 changes: 15 additions & 33 deletions pages/blog/index.page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -299,40 +299,22 @@ export default function StaticMarkdownPage({
items-center
`}
>
<div
className={`
flex
flex-row
pl-2
mr-2
`}
>
<div className='flex flex-row pl-2 mr-2'>
{(frontmatter.authors || []).map(
(author: Author, index: number) => {
const sizeClass =
frontmatter.authors.length > 2
? 'h-8 w-8'
: 'h-11 w-11';
return (
<div
key={index}
className={[
'bg-slate-50',
sizeClass,
'rounded-full',
'-ml-3',
'bg-cover',
'bg-center',
'border-2',
'border-white',
].join(' ')}
style={{
backgroundImage: `url(${author.photo})`,
zIndex: 10 - index,
}}
/>
);
},
(author: Author, index: number) => (
<div
key={index}
className={`bg-slate-50 rounded-full -ml-3 bg-cover bg-center border-2 border-white ${
frontmatter.authors.length > 2
? 'h-8 w-8'
: 'h-11 w-11'
}`}
style={{
backgroundImage: `url(${author.photo})`,
zIndex: 10 - index,
}}
/>
),
)}
</div>

Expand Down