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_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/

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

@ -6,6 +6,7 @@
@include tablet {
@include clamp(20, 1.3 * 16px);
padding: 0 $lab_gap_mobile;
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 { 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,
}}

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

@ -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;
}
}
}