瀏覽代碼

fix(thumbnail component): image width to exceed edge

RoyLiu 4 年之前
父節點
當前提交
138e1ee712
共有 1 個文件被更改,包括 4 次插入2 次删除
  1. 4 2
      components/Thumbnail/styled.ts

+ 4 - 2
components/Thumbnail/styled.ts

@@ -5,7 +5,7 @@ export const Wrapper = styled.div`
   justify-content: center;
   align-items: center;
   margin: 20px 0;
-  width: 180px;
+  width: 230px;
   height: 180px;
 `;
 
@@ -15,8 +15,10 @@ export const PageNum = styled.div`
 
 export const Img = styled.img`
   border: 1px solid ${({ theme }) => theme.colors.black38};
+  max-width: 200px;
+  max-height: 180px;
   width: auto;
-  height: 100%;
+  height: auto;
   box-sizing: border-box;
   cursor: pointer;
 `;