diff --git a/src/components/comment/CommentContent/styles.module.scss b/src/components/comment/CommentContent/styles.module.scss index f4f3b021..b307d8e3 100644 --- a/src/components/comment/CommentContent/styles.module.scss +++ b/src/components/comment/CommentContent/styles.module.scss @@ -119,6 +119,8 @@ } .images { + cursor: pointer; + img { max-height: 400px; border-radius: $radius; diff --git a/src/containers/lab/LabGrid/index.tsx b/src/containers/lab/LabGrid/index.tsx index e7f45526..aaeac26a 100644 --- a/src/containers/lab/LabGrid/index.tsx +++ b/src/containers/lab/LabGrid/index.tsx @@ -56,16 +56,18 @@ const LabGrid: FC = () => { return ( - - {nodes.map(node => ( - - ))} - +
+ + {nodes.map(node => ( + + ))} + +
); }; diff --git a/src/containers/lab/LabGrid/styles.module.scss b/src/containers/lab/LabGrid/styles.module.scss index e69de29b..4e2a452a 100644 --- a/src/containers/lab/LabGrid/styles.module.scss +++ b/src/containers/lab/LabGrid/styles.module.scss @@ -0,0 +1,10 @@ +@import "src/styles/variables"; + +.wrap { + margin-top: -$gap * 1.5; + margin-left: -$gap * 0.5; + + @include tablet { + margin: -$gap $gap * 0.5 0 0; + } +}