From 810d2037eab13b321533bcc7590215fad61880c3 Mon Sep 17 00:00:00 2001
From: Andy Hsu <i@nn.ci>
Date: Wed, 10 Jan 2024 10:51:02 +0800
Subject: [PATCH] feat: waterfall flow layout for `used_by`

---
 app/(main)/used_by/show.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(main)/used_by/show.tsx b/app/(main)/used_by/show.tsx
index dbce566..aed965a 100644
--- a/app/(main)/used_by/show.tsx
+++ b/app/(main)/used_by/show.tsx
@@ -55,9 +55,9 @@ export function Show() {
   const pages = Math.ceil(data.total / perPage)
   return (
     <div className="w-full pt-4 md:px-10 lg:px-[14%] flex gap-2 flex-col">
-      <div className="grid grid-cols-1 md:grid-cols-[repeat(auto-fill,minmax(400px,1fr))] gap-4">
+      <div className="columns-[344px]">
         {data!.data.map((repo) => (
-          <Card isPressable key={repo.name}>
+          <Card isPressable key={repo.name} className="mb-4 w-full">
             <CardHeader className="pb-0">
               <Link
                 href={`https://github.com/${repo.name}`}