From c3537208a360c51e47dbac6bb81d559c1eaa3a0b Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 8 Apr 2022 18:25:35 +0700
Subject: [PATCH] fixed margins on lab
---
.../comment/CommentContent/styles.module.scss | 2 ++
src/containers/lab/LabGrid/index.tsx | 22 ++++++++++---------
src/containers/lab/LabGrid/styles.module.scss | 10 +++++++++
3 files changed, 24 insertions(+), 10 deletions(-)
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<IProps> = () => {
return (
<InfiniteScroll hasMore={hasMore} loadMore={loadMore}>
- <Columns>
- {nodes.map(node => (
- <LabNode
- node={node.node}
- key={node.node.id}
- lastSeen={node.last_seen}
- commentCount={node.comment_count}
- />
- ))}
- </Columns>
+ <div className={styles.wrap}>
+ <Columns>
+ {nodes.map(node => (
+ <LabNode
+ node={node.node}
+ key={node.node.id}
+ lastSeen={node.last_seen}
+ commentCount={node.comment_count}
+ />
+ ))}
+ </Columns>
+ </div>
</InfiniteScroll>
);
};
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;
+ }
+}