Merge pull request #8 from edelvarden/master

Fix scrolling list & image resizing
0-don · May 3, 2024 · b0ef068 · b0ef068
2 parents e2e68c4 + 5a92777
commit b0ef068
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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"
@@ -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>