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