From e1131d961d68eceddf105ebe27e9f0ecbe5ec6e2 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 29 Mar 2022 17:57:34 +0700
Subject: [PATCH] fixed full node colors and paddings

---
 .env.local                                           | 8 ++++----
 src/components/lab/LabText/styles.module.scss        | 1 +
 src/components/node/NodeTextBlock/index.tsx          | 4 ++++
 src/components/node/NodeTextBlock/styles.module.scss | 7 +++++--
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/.env.local b/.env.local
index 5046a0a7..91636404 100644
--- a/.env.local
+++ b/.env.local
@@ -1,6 +1,6 @@
-#NEXT_PUBLIC_API_HOST=https://pig.staging.vault48.org/
-#NEXT_PUBLIC_REMOTE_CURRENT=https://pig.staging.vault48.org/static/
-NEXT_PUBLIC_API_HOST=http://localhost:8888/
-NEXT_PUBLIC_REMOTE_CURRENT=http://localhost:8888/static/
+NEXT_PUBLIC_API_HOST=https://pig.staging.vault48.org/
+NEXT_PUBLIC_REMOTE_CURRENT=https://pig.staging.vault48.org/static/
+#NEXT_PUBLIC_API_HOST=http://localhost:8888/
+#NEXT_PUBLIC_REMOTE_CURRENT=http://localhost:8888/static/
 #NEXT_PUBLIC_API_HOST=https://pig.vault48.org/
 #NEXT_PUBLIC_REMOTE_CURRENT=https://pig.vault48.org/static/
diff --git a/src/components/lab/LabText/styles.module.scss b/src/components/lab/LabText/styles.module.scss
index b4361cb1..c50ca406 100644
--- a/src/components/lab/LabText/styles.module.scss
+++ b/src/components/lab/LabText/styles.module.scss
@@ -6,6 +6,7 @@
 
   @include tablet {
     @include clamp(20, 1.3 * 16px);
+
     padding: 0 $lab_gap_mobile;
     font: $font_16_regular;
   }
diff --git a/src/components/node/NodeTextBlock/index.tsx b/src/components/node/NodeTextBlock/index.tsx
index 792f4566..f695e2fd 100644
--- a/src/components/node/NodeTextBlock/index.tsx
+++ b/src/components/node/NodeTextBlock/index.tsx
@@ -3,6 +3,7 @@ import React, { FC, useMemo } from 'react';
 import classNames from 'classnames';
 
 import { INodeComponentProps } from '~/constants/node';
+import { useColorGradientFromString } from '~/hooks/color/useColorGradientFromString';
 import markdown from '~/styles/common/markdown.module.scss';
 import { formatTextParagraphs } from '~/utils/dom';
 import { path } from '~/utils/ramda';
@@ -16,9 +17,12 @@ const NodeTextBlock: FC<IProps> = ({ node }) => {
     node,
   ]);
 
+  const background = useColorGradientFromString(node.title, 3, 2);
+
   return (
     <div
       className={classNames(styles.text, markdown.wrapper)}
+      style={{ background }}
       dangerouslySetInnerHTML={{
         __html: content,
       }}
diff --git a/src/components/node/NodeTextBlock/styles.module.scss b/src/components/node/NodeTextBlock/styles.module.scss
index a14eb0e9..3ef1c18d 100644
--- a/src/components/node/NodeTextBlock/styles.module.scss
+++ b/src/components/node/NodeTextBlock/styles.module.scss
@@ -4,12 +4,15 @@
   @include outer_shadow();
 
   background: $content_bg;
-  padding: $gap * 4;
+  padding: $lab_gap;
   border-radius: $radius;
 
   p {
-    margin: $gap 0;
     font-size: 18px;
     line-height: 24px;
+
+    &:not(:last-child) {
+      margin-bottom: $gap;
+    }
   }
 }