From e6dacc0e0dae1145d6a3722ecc108889cea96b74 Mon Sep 17 00:00:00 2001
From: edelvarden <edelvarden@gmail.com>
Date: Sat, 27 Apr 2024 19:15:46 -0700
Subject: [PATCH 1/2] fix the scrolling list for clipboards

---
 src/components/pages/app/App.tsx        | 2 +-
 src/components/pages/app/Clipboards.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/app/App.tsx b/src/components/pages/app/App.tsx
index 73a1625e..a7946b59 100644
--- a/src/components/pages/app/App.tsx
+++ b/src/components/pages/app/App.tsx
@@ -18,7 +18,7 @@ function App() {
       <div class="flex w-12 flex-col items-center space-y-3 bg-gray-200 pt-2 dark:bg-dark-light">
         <AppSidebar />
       </div>
-      <div class="h-screen min-w-0 flex-1">
+      <div class="h-screen min-w-0 flex-1 flex flex-col">
         <div class="flex w-full justify-between px-2 py-1">
           <p class="select-none bg-gray-50 text-xs font-semibold text-gray-500 dark:bg-dark-dark dark:text-white">
             {getCurrentTab()?.name?.toUpperCase()}
diff --git a/src/components/pages/app/Clipboards.tsx b/src/components/pages/app/Clipboards.tsx
index 95a98310..0cd3a28f 100644
--- a/src/components/pages/app/Clipboards.tsx
+++ b/src/components/pages/app/Clipboards.tsx
@@ -82,7 +82,7 @@ export const Clipboards: Component<ClipboardsProps> = ({}) => {
         </div>
       }
     >
-      <div ref={(ref) => setClipboardRef(ref)} onScroll={onScroll} class="h-full overflow-auto pb-5">
+      <div ref={(ref) => setClipboardRef(ref)} onScroll={onScroll} class="overflow-y-auto pb-5">
         <Show when={scrollToTop()}>
           <button
             type="button"

From 5a927775f862426fe04954244dc06a848f99268c Mon Sep 17 00:00:00 2001
From: edelvarden <edelvarden@gmail.com>
Date: Sat, 27 Apr 2024 19:55:26 -0700
Subject: [PATCH 2/2] fix image resizing on hover

---
 src/components/pages/app/Clipboards.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/app/Clipboards.tsx b/src/components/pages/app/Clipboards.tsx
index 0cd3a28f..fc038132 100644
--- a/src/components/pages/app/Clipboards.tsx
+++ b/src/components/pages/app/Clipboards.tsx
@@ -169,7 +169,9 @@ export const Clipboards: Component<ClipboardsProps> = ({}) => {
                       <div class="text-left text-xs text-zinc-400">{dayjs.utc(created_date!).fromNow()}</div>
                     </div>
                   </div>
-                  <div class="flex w-[3.25rem] flex-col items-end justify-between">{IconFunctions(clipboard)}</div>
+                  <div class="absolute bottom-0 right-0 top-0 m-2 flex w-4">
+                    <div class="flex w-full flex-col items-end justify-between">{IconFunctions(clipboard)}</div>
+                  </div>
                 </div>
                 <hr class="border-zinc-400 dark:border-zinc-700" />
               </button>