more fixes

Author: dimaMachina

website/src/components/code-page.tsx

@@ -258,7 +258,7 @@ export function CodePage({ allTags, data }: CodePageProps) {
                         </Tag>
                       ))}
                     </div>
-                    <Markdown className="[&_a]:text-primary grow">
+                    <Markdown className="[&_a]:text-primary grow line-clamp-4 lg:text-lg">
                       {description}
                     </Markdown>
                     {hasMetadata && (

website/src/pages/blog.mdx

@@ -12,7 +12,7 @@ export default function Blog(props) {
   )
   const currentTag = asPath.startsWith("/blog")
     ? ""
-    : asPath.replace("/tags/", "").replace(/\/$/, '')
+    : asPath.replace("/tags/", "").replace(/\/$/, "")
   //
   const tags = blogs
     .flatMap(blog => blog.frontMatter.tags)
@@ -33,7 +33,7 @@ export default function Blog(props) {
             data-active={currentTag === tag ? "" : undefined}
             className={clsx("tag [&[data-active]]:bg-primary capitalize")}
           >
-            {tag.replaceAll('-', ' ')} ({count})
+            {tag.replaceAll("-", " ")} ({count})
           </NextLink>
         ))}
     </div>
@@ -46,11 +46,11 @@ export default function Blog(props) {
           as={Link}
           href={page.route}
           key={page.route}
-          className="hover:!border-primary transition-colors"
+          className="hover:!border-primary transition-colors flex flex-col"
         >
           <div className="gap-2 flex mb-7">
             {page.frontMatter.tags.map(tag => (
-              <Tag key={tag}>{tag.replaceAll('-', ' ')}</Tag>
+              <Tag key={tag}>{tag.replaceAll("-", " ")}</Tag>
             ))}
           </div>
           <div className="font-extrabold text-3xl text-balance">
@@ -67,7 +67,9 @@ export default function Blog(props) {
             <span className="border-r border-gray-500" />
             <span>by {page.frontMatter.byline}</span>
           </div>
-          <span className="text-primary block font-bold">Read more →</span>
+          <span className="text-primary block font-bold mt-auto">
+            Read more →
+          </span>
         </Card>
       ),
   )