muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed full node colors and paddings

Browse source
This commit is contained in:
Fedor Katurov 2022-03-29 17:57:34 +07:00
parent ddf2b6eda3
commit e1131d961d
4 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
.env.local
View file

@ -1,6 +1,6 @@
#NEXT_PUBLIC_API_HOST=https://pig.staging.vault48.org/ NEXT_PUBLIC_API_HOST=https://pig.staging.vault48.org/
#NEXT_PUBLIC_REMOTE_CURRENT=https://pig.staging.vault48.org/static/ NEXT_PUBLIC_REMOTE_CURRENT=https://pig.staging.vault48.org/static/
NEXT_PUBLIC_API_HOST=http://localhost:8888/ #NEXT_PUBLIC_API_HOST=http://localhost:8888/
NEXT_PUBLIC_REMOTE_CURRENT=http://localhost:8888/static/ #NEXT_PUBLIC_REMOTE_CURRENT=http://localhost:8888/static/
#NEXT_PUBLIC_API_HOST=https://pig.vault48.org/ #NEXT_PUBLIC_API_HOST=https://pig.vault48.org/
#NEXT_PUBLIC_REMOTE_CURRENT=https://pig.vault48.org/static/ #NEXT_PUBLIC_REMOTE_CURRENT=https://pig.vault48.org/static/

1
src/components/lab/LabText/styles.module.scss
View file

@ -6,6 +6,7 @@
@include tablet { @include tablet {
@include clamp(20, 1.3 * 16px); @include clamp(20, 1.3 * 16px);
padding: 0 $lab_gap_mobile; padding: 0 $lab_gap_mobile;
font: $font_16_regular; font: $font_16_regular;
} }

4
src/components/node/NodeTextBlock/index.tsx
View file

@ -3,6 +3,7 @@ import React, { FC, useMemo } from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import { INodeComponentProps } from '~/constants/node'; import { INodeComponentProps } from '~/constants/node';
import { useColorGradientFromString } from '~/hooks/color/useColorGradientFromString';
import markdown from '~/styles/common/markdown.module.scss'; import markdown from '~/styles/common/markdown.module.scss';
import { formatTextParagraphs } from '~/utils/dom'; import { formatTextParagraphs } from '~/utils/dom';
import { path } from '~/utils/ramda'; import { path } from '~/utils/ramda';
@ -16,9 +17,12 @@ const NodeTextBlock: FC<IProps> = ({ node }) => {
node, node,
]); ]);
const background = useColorGradientFromString(node.title, 3, 2);
return ( return (
<div <div
className={classNames(styles.text, markdown.wrapper)} className={classNames(styles.text, markdown.wrapper)}
style={{ background }}
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: content, __html: content,
}} }}

7
src/components/node/NodeTextBlock/styles.module.scss
View file

@ -4,12 +4,15 @@
@include outer_shadow(); @include outer_shadow();
background: $content_bg; background: $content_bg;
padding: $gap * 4; padding: $lab_gap;
border-radius: $radius; border-radius: $radius;
p { p {
margin: $gap 0;
font-size: 18px; font-size: 18px;
line-height: 24px; line-height: 24px;
&:not(:last-child) {
margin-bottom: $gap;
}
} }
} }