blog sampleのline-clampがipadでおかしい感じになってたのでちょっと修正した

maretol · Feb 16, 2025 · c87b3da · c87b3da
1 parent 84e4b5f
commit c87b3da
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/pages/components/large/article.tsx b/pages/components/large/article.tsx
@@ -47,7 +47,7 @@ export async function Article({ id, title, updatedAt, parsedContents, categories
       </CardHeader>
       <CardContent className="relative">
         <ArticleContent contents={parsedContents} sample articleID={id} />
-        <div className="absolute p-6 pt-0 bottom-0 left-0 w-full h-24 bg-gradient-to-t from-white/100 from-20% to-white/0" />
+        <div className="absolute p-6 pt-0 bottom-0 left-0 w-full h-36 bg-gradient-to-t from-white/100 from-20% to-white/0" />
       </CardContent>
       <CardFooter>
         <Button className="w-full gap-1" asChild>

diff --git a/pages/components/middle/article_content.tsx b/pages/components/middle/article_content.tsx
@@ -31,7 +31,7 @@ export default async function ArticleContent({
   tableOfContents?: TableOfContents
 }) {
   const sampleFlag = sample || false
-  const sampleClassName = 'content-sample line-clamp-6 max-h-72'
+  const sampleClassName = 'content-sample line-clamp-6'
   const contentClassName = 'content'
   const className = sampleFlag ? sampleClassName : contentClassName