diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-11-16 14:04:00 +0100 |
---|---|---|
committer | GitHub <[email protected]> | 2021-11-16 14:04:00 +0100 |
commit | 404efc24d4727c9014b4b39848ca72ec7b984b05 (patch) | |
tree | 07608a3f51d442f12155d6880532ef8276335ab8 /components/Sidebar/OrgImage.tsx | |
parent | 57a9bb1eda6dcd2954ad98872bb342a649318899 (diff) |
fix(preview): proper image scaling
Diffstat (limited to 'components/Sidebar/OrgImage.tsx')
-rw-r--r-- | components/Sidebar/OrgImage.tsx | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/components/Sidebar/OrgImage.tsx b/components/Sidebar/OrgImage.tsx index 60bcdfb..b146c43 100644 --- a/components/Sidebar/OrgImage.tsx +++ b/components/Sidebar/OrgImage.tsx @@ -1,6 +1,7 @@ import React, { useEffect, useState } from 'react' import Image from 'next/image' import path from 'path' +import { Container } from '@chakra-ui/react' //import '../../../public/placeholder.png' export interface OrgImageProps { @@ -32,7 +33,7 @@ export const OrgImage = (props: OrgImageProps) => { if (src.replaceAll(/(http)?.*/g, '$1')) { console.log(src.replaceAll(/(http)?.*/g, '$1')) return ( - <Image layout="responsive" loader={dumbLoader} src={src} alt="" width="100%" height="100%" /> + <Image layout="responsive" loader={dumbLoader} src={src} alt="" width="auto" height="auto" /> ) } @@ -44,13 +45,15 @@ export const OrgImage = (props: OrgImageProps) => { const encodedPath = encodeURIComponent(encodeURIComponent(fullPath)) return ( - <Image - layout="responsive" - loader={homeLoader} - src={encodedPath} - alt="" - width="100%" - height="100%" - /> + <Container> + <Image + layout="responsive" + loader={homeLoader} + src={encodedPath} + alt="" + width="100%" + height="100%" + /> + </Container> ) } |