chore: Hide view count on small screens in BlogPostItem

pranshu05 · Aug 24, 2024 · 3d937be · 3d937be
1 parent 32b264b
commit 3d937be
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/(posts)/BlogPostItem.tsx b/src/components/(posts)/BlogPostItem.tsx
@@ -10,8 +10,8 @@ interface BlogPostItemProps {
 const BlogPostItem: React.FC<BlogPostItemProps> = ({ slug, title, date, viewCount }) => (
     <Link href={`/posts/${slug}`} passHref className='my-2'>
         <div className='flex items-baseline gap-1'>
-            <span className='text-xl font-semibold link'>{title}</span>
-            <span className='text-zinc-400 text-sm'>{date} | {viewCount} Views</span>
+            <span className='text-base md:text-xl font-semibold link'>{title}</span>
+            <span className='text-zinc-400 text-sm hidden md:inline'>{date} | {viewCount} Views</span>
         </div>
     </Link>
 )