fixed boris

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

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

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"

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;