diff --git a/src/components/boris/BorisContactItem/index.tsx b/src/components/boris/BorisContactItem/index.tsx new file mode 100644 index 00000000..1b6599c6 --- /dev/null +++ b/src/components/boris/BorisContactItem/index.tsx @@ -0,0 +1,25 @@ +import React, { FC } from 'react'; +import styles from './styles.module.scss'; +import { Icon } from '~/components/input/Icon'; + +interface Props { + icon: string; + title: string; + subtitle: string; + link: string; +} + +const BorisContactItem: FC = ({ icon, title, subtitle, link }) => ( + +
+ +
+ +
+
{title}
+
{subtitle}
+
+
+); + +export { BorisContactItem }; diff --git a/src/components/boris/BorisContactItem/styles.module.scss b/src/components/boris/BorisContactItem/styles.module.scss new file mode 100644 index 00000000..17564323 --- /dev/null +++ b/src/components/boris/BorisContactItem/styles.module.scss @@ -0,0 +1,29 @@ +@import "~/styles/variables.scss"; + +.item { + display: flex; + flex-direction: row; + align-items: center; + justify-content: stretch; + text-decoration: none; + color: darken(white, 50%); +} + +.icon { + fill: currentColor; + height: 32px; +} + +.info { + flex: 1; + margin-left: $gap; +} + +.title { + font: $font_16_semibold; +} + +.subtitle { + font: $font_12_medium; + opacity: 0.7; +} diff --git a/src/layouts/BorisLayout/index.tsx b/src/layouts/BorisLayout/index.tsx index f61c76c6..e5f79cfe 100644 --- a/src/layouts/BorisLayout/index.tsx +++ b/src/layouts/BorisLayout/index.tsx @@ -26,6 +26,7 @@ import { Tab } from '~/components/dialogs/Tab'; import { useHistory, useLocation } from 'react-router'; import { Card } from '~/components/containers/Card'; import { SidebarRouter } from '~/containers/main/SidebarRouter'; +import { BorisContactItem } from '~/components/boris/BorisContactItem'; type IProps = {}; @@ -122,19 +123,26 @@ const BorisLayout: FC = () => { -
-

Господи-боженьки, где это я?

- -

- Всё впорядке, это — главный штаб Суицидальных Роботов, строителей Убежища. -

-

Здесь мы сидим и слушаем всё, что вас беспокоит.

-

Все виновные будут наказаны. Невиновные, впрочем, тоже.

-

// Такова жизнь.

+
+ {user.is_user && }
-
- {user.is_user && } +
+
Где мы ещё:
+ + + +
diff --git a/src/layouts/BorisLayout/styles.module.scss b/src/layouts/BorisLayout/styles.module.scss index 8e0c33e8..df892229 100644 --- a/src/layouts/BorisLayout/styles.module.scss +++ b/src/layouts/BorisLayout/styles.module.scss @@ -157,3 +157,25 @@ z-index: 1; flex: 3; } + +.contacts { + display: grid; + grid-auto-flow: row; + grid-row-gap: $gap; + padding: 2px 2px $gap * 3 2px; + + & > *:not(:last-child) { + border-bottom: 1px solid #333333; + padding-bottom: $gap * 2; + } +} + +.contacts__title { + font: $font_12_semibold; + text-transform: uppercase; + opacity: 0.3; +} + +.super_powers { + padding: $gap * 2 0; +} diff --git a/src/sprites/Sprites.tsx b/src/sprites/Sprites.tsx index ee948c65..45477b49 100644 --- a/src/sprites/Sprites.tsx +++ b/src/sprites/Sprites.tsx @@ -317,6 +317,14 @@ const Sprites: FC = () => ( d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z" /> + + + + + );