Merge pull request #27 from sora32127/fix_misc

見た目の改修を行った
sora32127 · Apr 23, 2024 · 52bcb6c · 52bcb6c · vercel · Apr 23, 2024
2 parents bf41428 + b94b1e8
commit 52bcb6c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/app/components/PostCard.tsx b/app/components/PostCard.tsx
@@ -45,6 +45,9 @@ export default function PostCard({
         return 0;
     });
 
+    const displayedTags = tagNames.slice(0, 5);
+    const hiddenTagsCount = tagNames.length - displayedTags.length;
+
     return (
         <div className="bg-base-100 border-2 rounded-lg p-4 mb-4">
             <div className="flex justify-between items-center mb-2">
@@ -60,11 +63,16 @@ export default function PostCard({
             <div className="grid grid-cols-[auto_1fr] gap-2 mt-2 items-center">
                 <TagIcon/>
                 <div className="flex flex-wrap items-center">
-                    {tagNames && tagNames.map((tag, index) => (
-                        <span key={index} className="inline-block text-sm font-semibold mr-1 mb-1">
+                    {displayedTags.map((tag, index) => (
+                        <span key={index} className="inline-block mr-1 mb-1">
                             <TagCard tagName={tag} />
                         </span>
                     ))}
+                    {hiddenTagsCount > 0 && (
+                        <span className="inline-block text-base-content">
+                            (+{hiddenTagsCount}タグ)
+                        </span>
+                    )}
                 </div>
             </div>
             <div className="flex items-center mt-2">

diff --git a/app/components/TagCard.tsx b/app/components/TagCard.tsx
@@ -9,7 +9,7 @@ export default function TagCard({
 }: TagCardProps) {
     return (
         <div className="rounded-md p-0.5 mb-0.5">
-            <NavLink to={`/tags/${tagName}`} className="text-lg font-bold text-info underline underline-offset-4 post-tag">{tagName}</NavLink>
+            <NavLink to={`/tags/${tagName}`} className="text-xs text-info underline underline-offset-4 post-tag">{tagName}</NavLink>
         </div>
     );
 }
diff --git a/app/routes/_layout.archives.$postId.tsx b/app/routes/_layout.archives.$postId.tsx
@@ -74,7 +74,7 @@ export async function loader({ request }:LoaderFunctionArgs){
     const { data, error } = await supabase.rpc("search_similar_content", {
       query_post_id: Number(postId),
       match_threshold: 0,
-      match_count: 10,
+      match_count: 16,
     });
 
     let similarPosts = [];