From c5325147015e371c13b4a457418f66511365d57c Mon Sep 17 00:00:00 2001
From: Aslam H <iupin5212@gmail.com>
Date: Thu, 12 Sep 2024 05:22:34 +0700
Subject: [PATCH] chore: scrollable and remove link wrapper

---
 web/app/(pages)/layout.tsx               | 2 +-
 web/components/routes/link/LinkRoute.tsx | 4 ++--
 web/components/routes/link/list.tsx      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/(pages)/layout.tsx b/web/app/(pages)/layout.tsx
index f12905a6..4f86a094 100644
--- a/web/app/(pages)/layout.tsx
+++ b/web/app/(pages)/layout.tsx
@@ -18,7 +18,7 @@ export default function PageLayout({ children }: { children: React.ReactNode })
 
 			<div className="relative flex min-w-0 flex-1 flex-col">
 				<SlidingMenu />
-				<main className="relative flex flex-auto flex-col place-items-stretch lg:my-2 lg:mr-2 lg:rounded-md lg:border">
+				<main className="relative flex flex-auto flex-col place-items-stretch overflow-auto lg:my-2 lg:mr-2 lg:rounded-md lg:border">
 					{children}
 				</main>
 			</div>
diff --git a/web/components/routes/link/LinkRoute.tsx b/web/components/routes/link/LinkRoute.tsx
index 62e5f8a9..ce81bee5 100644
--- a/web/components/routes/link/LinkRoute.tsx
+++ b/web/components/routes/link/LinkRoute.tsx
@@ -51,7 +51,7 @@ export function LinkRoute(): React.ReactElement {
 	}, [isDeleteConfirmShown, isCommandPaletteOpen, isInCreateMode, handleCommandPaletteClose])
 
 	return (
-		<div className="flex h-full flex-auto flex-col overflow-hidden">
+		<>
 			<LinkHeader />
 			<LinkManage />
 			<LinkList
@@ -61,6 +61,6 @@ export function LinkRoute(): React.ReactElement {
 				disableEnterKey={disableEnterKey}
 			/>
 			<LinkBottomBar />
-		</div>
+		</>
 	)
 }
diff --git a/web/components/routes/link/list.tsx b/web/components/routes/link/list.tsx
index 67a0154a..47f510ca 100644
--- a/web/components/routes/link/list.tsx
+++ b/web/components/routes/link/list.tsx
@@ -247,7 +247,7 @@ const LinkList: React.FC<LinkListProps> = ({ activeItemIndex, setActiveItemIndex
 
 	return (
 		<Primitive.div
-			className="mb-14 flex w-full flex-1 flex-col overflow-y-auto outline-none [scrollbar-gutter:stable]"
+			className="mb-11 flex w-full flex-1 flex-col overflow-y-auto outline-none [scrollbar-gutter:stable]"
 			tabIndex={0}
 		>
 			<DndContext