From f017bc7c4a286b10ba0eceebdf440e16bc34a33e Mon Sep 17 00:00:00 2001
From: bartosz-lipinski <264380+bartosz-lipinski@users.noreply.github.com>
Date: Sat, 10 Apr 2021 21:33:33 -0500
Subject: [PATCH] feat: masonary
---
packages/metavinci/src/components/ArtCard/index.less | 8 +++++++-
packages/metavinci/src/components/ArtCard/index.tsx | 4 +++-
packages/metavinci/src/views/artCreate/index.tsx | 3 +++
packages/metavinci/src/views/home/index.less | 4 ++++
packages/metavinci/src/views/home/index.tsx | 2 +-
5 files changed, 18 insertions(+), 3 deletions(-)
diff --git a/packages/metavinci/src/components/ArtCard/index.less b/packages/metavinci/src/components/ArtCard/index.less
index eb62be5..f3191be 100644
--- a/packages/metavinci/src/components/ArtCard/index.less
+++ b/packages/metavinci/src/components/ArtCard/index.less
@@ -1,7 +1,6 @@
.art-card {
min-width: 200px;
- max-width: 300px;
margin-top: 30px;
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));
border-radius: 8px;
@@ -29,4 +28,11 @@
font-size: 20px;
font-weight: 600;
}
+
+}
+
+.small {
+ max-width: 300px;
+ margin-left: auto;
+ margin-right: auto;
}
diff --git a/packages/metavinci/src/components/ArtCard/index.tsx b/packages/metavinci/src/components/ArtCard/index.tsx
index dc715f3..817ab4e 100644
--- a/packages/metavinci/src/components/ArtCard/index.tsx
+++ b/packages/metavinci/src/components/ArtCard/index.tsx
@@ -14,6 +14,7 @@ export const ArtCard = ({
description,
artist,
preview,
+ small,
}: {
image?: string;
category?: MetadataCategory
@@ -22,11 +23,12 @@ export const ArtCard = ({
description?: string;
artist?: string;
preview?: boolean;
+ small?: boolean
}) => {
return (
}
>
)}
@@ -368,6 +369,7 @@ const RoyaltiesStep = (props: {
category={props.attributes.category}
name={props.attributes.name}
symbol={props.attributes.symbol}
+ small={true}
/>
)}
@@ -465,6 +467,7 @@ const LaunchStep = (props: {
category={props.attributes.category}
name={props.attributes.name}
symbol={props.attributes.symbol}
+ small={true}
/>
)}
diff --git a/packages/metavinci/src/views/home/index.less b/packages/metavinci/src/views/home/index.less
index adb320a..8afd340 100644
--- a/packages/metavinci/src/views/home/index.less
+++ b/packages/metavinci/src/views/home/index.less
@@ -42,7 +42,11 @@ a:active {
display: -ms-flexbox; /* Not needed if autoprefixing */
display: flex;
width: auto;
+ margin-left: auto;
+ margin-right: auto;
+ margin-left: -30px;
}
+
.my-masonry-grid_column {
padding-left: 30px; /* gutter size */
background-clip: padding-box;
diff --git a/packages/metavinci/src/views/home/index.tsx b/packages/metavinci/src/views/home/index.tsx
index efa18f8..dea3158 100644
--- a/packages/metavinci/src/views/home/index.tsx
+++ b/packages/metavinci/src/views/home/index.tsx
@@ -31,7 +31,7 @@ export const HomeView = () => {
- Featured
+ Featured