diff options
| author | kamtschatka <sschatka@gmail.com> | 2024-05-12 14:06:41 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-12 13:06:41 +0100 |
| commit | d33be149e661945fe67a9b6c4ff0d1e47917b8cd (patch) | |
| tree | 1f05995e401e00d71b016bc98131d503625afb36 /apps/web/components/dashboard | |
| parent | cbc8dded9970121d003fdcfb71099308acd4f09f (diff) | |
| download | karakeep-d33be149e661945fe67a9b6c4ff0d1e47917b8cd.tar.zst | |
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>
Diffstat (limited to 'apps/web/components/dashboard')
| -rw-r--r-- | apps/web/components/dashboard/preview/LinkContentSection.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
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> ); |