diff options
| author | MohamedBassem <me@mbassem.com> | 2024-02-29 15:34:18 +0000 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-02-29 15:34:34 +0000 |
| commit | 552a15a5401aba1326fa1e0ed4dad2d9dc95834e (patch) | |
| tree | acb087112150ad74b9acbe2a914e9842ead9ba71 /packages | |
| parent | e1c5bcfd2eb406ec7c9c29e2b7838b7e0c11a3a1 (diff) | |
| download | karakeep-552a15a5401aba1326fa1e0ed4dad2d9dc95834e.tar.zst | |
fix: Fix the padding of the tag view page
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/web/app/dashboard/tags/[tagName]/page.tsx | 5 | ||||
| -rw-r--r-- | packages/web/app/dashboard/tags/page.tsx | 2 |
2 files changed, 4 insertions, 3 deletions
diff --git a/packages/web/app/dashboard/tags/[tagName]/page.tsx b/packages/web/app/dashboard/tags/[tagName]/page.tsx index 493cb358..066315d0 100644 --- a/packages/web/app/dashboard/tags/[tagName]/page.tsx +++ b/packages/web/app/dashboard/tags/[tagName]/page.tsx @@ -45,8 +45,9 @@ export default async function TagPage({ const bookmarks = await api.bookmarks.getBookmarks(query); return ( - <div className="flex flex-col"> - <span className="container py-4 text-2xl">#{params.tagName}</span> + <div className="container flex flex-col gap-3"> + <span className="pt-4 text-2xl">{params.tagName}</span> + <hr /> <BookmarksGrid query={query} bookmarks={bookmarks.bookmarks} /> </div> ); diff --git a/packages/web/app/dashboard/tags/page.tsx b/packages/web/app/dashboard/tags/page.tsx index 98f227fa..44c164e1 100644 --- a/packages/web/app/dashboard/tags/page.tsx +++ b/packages/web/app/dashboard/tags/page.tsx @@ -9,7 +9,7 @@ import { redirect } from "next/navigation"; function TagPill({ name, count }: { name: string; count: number }) { return ( <Link - className="flex gap-2 rounded-md border border-gray-200 bg-white px-2 py-1 text-foreground hover:bg-foreground hover:text-background" + className="text-foreground hover:bg-foreground hover:text-background flex gap-2 rounded-md border border-gray-200 bg-white px-2 py-1" href={`/dashboard/tags/${name}`} > {name} <Separator orientation="vertical" /> {count} |