feat: waterfall flow layout for used_by

xhofe · Jan 10, 2024 · 2906222 · 2906222
1 parent 3ba51cc
commit 2906222
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/app/(main)/used_by/show.tsx b/app/(main)/used_by/show.tsx
@@ -12,8 +12,8 @@ import {
 import { usePathname, useRouter, useSearchParams } from "next/navigation"
 import useSWR from "swr"
 
-// const host = "https://api.nn.ci/proxy/https://contrib.nn.ci"
-const host = ""
+const host = "https://api.nn.ci/proxy/https://contrib.nn.ci"
+// const host = ""
 
 export function Show() {
   const searchParams = useSearchParams()
@@ -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}`}