From a0d4025890116fd79f5ddbf387e583eba16ec931 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 8 Nov 2019 17:41:36 +0700
Subject: [PATCH] fixed boris

---
 src/containers/node/BorisLayout/index.tsx   | 22 +++++++++++++-
 src/containers/node/BorisLayout/styles.scss | 32 ++++++++++++++++++++-
 src/sprites/illustrate.svg                  |  9 ------
 src/styles/variables.scss                   |  2 +-
 4 files changed, 53 insertions(+), 12 deletions(-)

diff --git a/src/containers/node/BorisLayout/index.tsx b/src/containers/node/BorisLayout/index.tsx
index f88ec1c5..16dc0556 100644
--- a/src/containers/node/BorisLayout/index.tsx
+++ b/src/containers/node/BorisLayout/index.tsx
@@ -44,7 +44,27 @@ const BorisLayoutUnconnected: FC<IProps> = ({
   return (
     <div className={styles.wrap}>
       <div className={styles.cover} />
-      <div className={styles.column} />
+      <div className={styles.column}>
+        <div className={styles.daygrid}>
+          <div className={styles.label}>Убежищу сегодня:</div>
+          <div className={styles.day}>10</div>
+          <div>лет</div>
+          <div className={styles.day}>2</div>
+          <div>месяца</div>
+
+          <div className={styles.line} />
+
+          <div className={styles.label}>Мы собрали:</div>
+          <div className={styles.day}>2374</div>
+          <div>поста</div>
+          <div className={styles.day}>14765</div>
+          <div>комментариев</div>
+          <div className={styles.day}>4260</div>
+          <div>файла</div>
+          <div className={styles.day}>54</div>
+          <div>жителя</div>
+        </div>
+      </div>
 
       <Group className={styles.container}>
         {is_user && <CommentForm id={0} />}
diff --git a/src/containers/node/BorisLayout/styles.scss b/src/containers/node/BorisLayout/styles.scss
index 9611f84f..88770f91 100644
--- a/src/containers/node/BorisLayout/styles.scss
+++ b/src/containers/node/BorisLayout/styles.scss
@@ -17,12 +17,12 @@
 .column {
   flex: 1;
   background: $content_bg;
-  height: 400px;
   position: relative;
   z-index: 2;
   margin-top: 33vh;
   margin-right: $gap;
   border-radius: $radius;
+  padding: $gap * 2;
 }
 
 .content {
@@ -45,3 +45,33 @@
   // background: linear-gradient($red, transparentize($red, 1));
   background: 50% 0% no-repeat/cover url('~/sprites/illustrate.svg');
 }
+
+.header {
+  font-size: 2em;
+}
+
+.daygrid {
+  display: grid;
+  grid-template-columns: 1fr 100%;
+  column-gap: $gap;
+  align-items: center;
+}
+
+.day {
+  font-size: 2em;
+  font-weight: 600;
+  text-align: right;
+}
+
+.label {
+  font: $font_14_regular;
+  text-transform: uppercase;
+  margin-bottom: 5px;
+  opacity: 0.5;
+  grid-column: 1/3;
+}
+
+.line {
+  grid-column: 1/3;
+  height: $gap * 4;
+}
diff --git a/src/sprites/illustrate.svg b/src/sprites/illustrate.svg
index e1e38a58..f22668bd 100644
--- a/src/sprites/illustrate.svg
+++ b/src/sprites/illustrate.svg
@@ -993,15 +993,6 @@
        cy="41.099281"
        rx="37.064892"
        ry="33.654976" />
-    <rect
-       style="opacity:1;fill:#241f1c;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect3426"
-       width="300.03754"
-       height="197.90833"
-       x="173.30209"
-       y="395.06412"
-       rx="2.1166666"
-       ry="2.1166666" />
     <ellipse
        style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)"
        id="path3673"
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 1c3ceff9..25860aa8 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -8,7 +8,7 @@ $spc: $gap * 2;
 $comment_height: 72px;
 $bar_height: 64px;
 
-$radius: 4px;
+$radius: 8px;
 $cell_radius: $radius;
 $panel_radius: $radius;
 $input_radius: $radius;