zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust blog post elements styling

Browse Source 
Adjusted the vertical space, font-size, and text color of various elements in the blog post preview for improved readability and visual flow. In addition, changed the heading level for better semantic structuring and applied styling changes to the `pre` tag in html-renderer.module.css for enhanced presentation.
This commit is contained in:
giancarlo
2024-05-01 15:00:24 +07:00
parent 97378f1369
commit 9951c82309
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/app/(marketing)/blog/_components/html-renderer.module.css
View File

@@ -93,5 +93,5 @@ For more info: https://github.com/tailwindlabs/tailwindcss/issues/3258#issuecomm
}
.HTML pre {
@apply my-6 text-sm text-current bg-muted p-6;
@apply my-6 text-sm text-current border p-6 rounded-lg;
}

10
apps/web/app/(marketing)/blog/_components/post-preview.tsx
View File

@@ -40,13 +40,13 @@ export function PostPreview({
)}
</If>
<div className={'flex flex-col space-y-2 px-1'}>
<div className={'flex flex-col space-y-1'}>
<h3 className="text-2xl font-semibold leading-snug">
<div className={'flex flex-col space-y-4 px-1'}>
<div className={'flex flex-col space-y-2'}>
<h2 className="text-2xl font-semibold leading-snug">
<Link href={slug} className="hover:underline">
{title}
</Link>
</h3>
</h2>
<div className="flex flex-row items-center space-x-2 text-sm">
<div className="text-muted-foreground">
@@ -56,7 +56,7 @@ export function PostPreview({
</div>
<p
className="mb-4 text-base leading-relaxed text-secondary-foreground"
className="mb-4 text-sm leading-relaxed text-muted-foreground"
dangerouslySetInnerHTML={{ __html: description ?? '' }}
/>
</div>