diff --git a/public/images/peoples_lab.svg b/public/images/peoples_lab.svg new file mode 100644 index 00000000..c866963f --- /dev/null +++ b/public/images/peoples_lab.svg @@ -0,0 +1,1933 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SE06 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/lab/LabFactoryBanner/index.tsx b/src/components/lab/LabFactoryBanner/index.tsx new file mode 100644 index 00000000..50d5e45c --- /dev/null +++ b/src/components/lab/LabFactoryBanner/index.tsx @@ -0,0 +1,26 @@ +import React, { FC } from 'react'; + +import { Group } from '~/components/containers/Group'; + +import styles from './styles.module.scss'; + +interface LabFactoryBannerProps {} + +const LabFactoryBanner: FC = () => ( +
+ +
Лаборатория!
+ + +

+ + Всё, что происходит здесь — всего лишь эксперимент, о котором + не узнает никто за пределами Убежища. + +

+ + +
+); + +export { LabFactoryBanner }; diff --git a/src/components/lab/LabFactoryBanner/styles.module.scss b/src/components/lab/LabFactoryBanner/styles.module.scss new file mode 100644 index 00000000..bfdf5e21 --- /dev/null +++ b/src/components/lab/LabFactoryBanner/styles.module.scss @@ -0,0 +1,23 @@ +@import 'src/styles/variables'; + +.banner { + @include outer_shadow; + + display: flex; + aspect-ratio: 0.7; + background: url('/images/peoples_lab.svg') 50% 100%; + background-size: cover; + padding: $gap; + border-radius: $radius; +} + +.title { + font: $font_24_bold; + text-transform: uppercase; +} + +.content { + font: $font_14_medium; + line-height: 19px; + opacity: 0.7; +} diff --git a/src/containers/lab/LabStats/index.tsx b/src/containers/lab/LabStats/index.tsx index 87a3fb49..fbea05c6 100644 --- a/src/containers/lab/LabStats/index.tsx +++ b/src/containers/lab/LabStats/index.tsx @@ -3,7 +3,7 @@ import React, { FC } from 'react'; import { SubTitle } from '~/components/common/SubTitle'; import { Group } from '~/components/containers/Group'; import { FlowRecentItem } from '~/components/flow/FlowRecentItem'; -import { LabBanner } from '~/components/lab/LabBanner'; +import { LabFactoryBanner } from '~/components/lab/LabFactoryBanner'; import { LabHeroes } from '~/components/lab/LabHeroes'; import { LabTags } from '~/components/lab/LabTags'; import { useLabContext } from '~/utils/context/LabContextProvider'; @@ -17,7 +17,7 @@ const LabStats: FC = () => { return ( - +
@@ -39,7 +39,7 @@ const LabStats: FC = () => { <>
Новые
- {updates.slice(0, 10).map(node => ( + {updates.slice(0, 10).map((node) => ( ))}