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 titles on lab and node related

Browse source
This commit is contained in:
Fedor Katurov 2021-10-05 15:47:01 +07:00
parent 07852df0dc
commit d382553b8a
4 changed files with 14 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/node/NodeRelated/index.tsx
View file

@ -3,6 +3,7 @@ import styles from './styles.module.scss';
import { Group } from '~/components/containers/Group'; import { Group } from '~/components/containers/Group';
import { INode } from '~/redux/types'; import { INode } from '~/redux/types';
import { NodeRelatedItem } from '~/components/node/NodeRelatedItem'; import { NodeRelatedItem } from '~/components/node/NodeRelatedItem';
import { SubTitle } from '~/components/common/SubTitle';
interface IProps { interface IProps {
title: ReactElement | string; title: ReactElement | string;
@ -12,9 +13,7 @@ interface IProps {
const NodeRelated: FC<IProps> = ({ title, items }) => { const NodeRelated: FC<IProps> = ({ title, items }) => {
return ( return (
<Group className={styles.wrap}> <Group className={styles.wrap}>
<div className={styles.title}> <SubTitle className={styles.title}>{title}</SubTitle>
<div className={styles.text}>{title}</div>
</div>
<div className={styles.grid}> <div className={styles.grid}>
{items.map(item => ( {items.map(item => (

2
src/components/node/NodeRelated/styles.module.scss
View file

@ -21,7 +21,7 @@
} }
.title { .title {
@include title_with_line(); padding-left: 5px;
a { a {
text-decoration: none; text-decoration: none;

17
src/containers/lab/LabStats/index.tsx
View file

@ -16,6 +16,7 @@ import {
import { LabTags } from '~/components/lab/LabTags'; import { LabTags } from '~/components/lab/LabTags';
import { LabHeroes } from '~/components/lab/LabHeroes'; import { LabHeroes } from '~/components/lab/LabHeroes';
import { FlowRecentItem } from '~/components/flow/FlowRecentItem'; import { FlowRecentItem } from '~/components/flow/FlowRecentItem';
import { SubTitle } from '~/components/common/SubTitle';
interface IProps {} interface IProps {}
@ -31,10 +32,10 @@ const LabStats: FC<IProps> = () => {
<div className={styles.card}> <div className={styles.card}>
<Group> <Group>
{isLoading ? ( {(!!tags.length || isLoading) && (
<Placeholder height={14} width="100px" /> <SubTitle isLoading={isLoading} className={styles.title}>
) : ( Тэги
tags.length && <div className={styles.title}>Тэги</div> </SubTitle>
)} )}
<div className={styles.tags}> <div className={styles.tags}>
@ -56,10 +57,10 @@ const LabStats: FC<IProps> = () => {
</> </>
)} )}
{isLoading ? ( {(!!heroes.length || isLoading) && (
<Placeholder height={14} width="100px" /> <SubTitle isLoading={isLoading} className={styles.title}>
) : ( Важные
heroes.length > 0 && <div className={styles.title}>Важные</div> </SubTitle>
)} )}
<div className={styles.heroes}> <div className={styles.heroes}>

6
src/containers/lab/LabStats/styles.module.scss
View file

@ -1,10 +1,7 @@
@import "~/styles/variables.scss"; @import "~/styles/variables.scss";
.title { .title {
font: $font_14_semibold; padding-bottom: $gap;
color: darken(white, 50%);
text-transform: uppercase;
padding: 0 $gap / 2;
} }
.tags.tags { .tags.tags {
@ -26,3 +23,4 @@
.updates { .updates {
padding: 0 $gap / 4 $gap * 2; padding: 0 $gap / 4 $gap * 2;
} }