From d33be149e661945fe67a9b6c4ff0d1e47917b8cd Mon Sep 17 00:00:00 2001
From: kamtschatka <sschatka@gmail.com>
Date: Sun, 12 May 2024 14:06:41 +0200
Subject: feature: Take full page screenshots #143 (#148)

Added the fullPage flag to take full screen screenshots
updated the UI accordingly to properly show the screenshots instead of scaling it down

Co-authored-by: kamtschatka <simon.schatka@gmx.at>
---
 apps/web/components/dashboard/preview/LinkContentSection.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'apps/web/components')

diff --git a/apps/web/components/dashboard/preview/LinkContentSection.tsx b/apps/web/components/dashboard/preview/LinkContentSection.tsx
index 6c51864f..29001c7f 100644
--- a/apps/web/components/dashboard/preview/LinkContentSection.tsx
+++ b/apps/web/components/dashboard/preview/LinkContentSection.tsx
@@ -16,10 +16,12 @@ function ScreenshotSection({ link }: { link: ZBookmarkedLink }) {
   return (
     <div className="relative h-full min-w-full">
       <Image
-        fill={true}
         alt="screenshot"
         src={`/api/assets/${link.screenshotAssetId}`}
-        className="object-contain"
+        width={0}
+        height={0}
+        sizes="100vw"
+        style={{ width: "100%", height: "auto" }}
       />
     </div>
   );
-- 
cgit v1.2.3-70-g09d2