fix: ios 웹뷰에서 height 길어지는 현상 수정

g-magazine-hackaton · Dec 6, 2023 · 257b4b2 · 257b4b2
1 parent 52b4257
commit 257b4b2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/ui/image/index.tsx b/src/components/ui/image/index.tsx
@@ -1,5 +1,6 @@
 import { SerializedStyles, css } from '@emotion/react';
 import classNames from 'classnames';
+import { CSSProperties } from 'react';
 import { IMAGE_URL } from '@/apis/urls';
 
 const imageWrapStyle = css`
@@ -40,6 +41,7 @@ const Image = ({
   isLazy = false,
   css,
   height,
+  style,
   className = '',
 }: {
   height?: string;
@@ -48,10 +50,12 @@ const Image = ({
   isLazy?: boolean;
   css?: SerializedStyles;
   className?: string;
+  style?: CSSProperties;
 }) => (
   <div
     css={{ ...imageWrapStyle, ...css }}
     className={classNames('image', className)}
+    style={style}
   >
     <img
       src={src?.includes('//') ? src : IMAGE_URL + src}

diff --git a/src/pages/your-page.tsx b/src/pages/your-page.tsx
@@ -139,6 +139,7 @@ const YourPage: React.FC = () => {
                   src={item.photoUrls[0]}
                   alt={item.category}
                   className="image"
+                  style={{ maxHeight: '33vw' }}
                 />
               </Link>
             </GridItem>