From 0a5caf6bda019644b8a6ee7e8bedbc3773e81049 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Sun, 9 Jan 2022 21:25:17 +0700
Subject: [PATCH] fixed background repeat on square

---
 src/components/common/Square/styles.module.scss | 2 ++
 src/components/lab/LabBanner/index.tsx          | 6 +++---
 src/components/lab/LabSquare/index.tsx          | 4 ++--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/common/Square/styles.module.scss b/src/components/common/Square/styles.module.scss
index 103d1e5c..880fb4a7 100644
--- a/src/components/common/Square/styles.module.scss
+++ b/src/components/common/Square/styles.module.scss
@@ -7,4 +7,6 @@
 .wrapper {
   width: 100%;
   border-radius: $radius;
+  background-size: cover;
+  background-repeat: no-repeat;
 }
diff --git a/src/components/lab/LabBanner/index.tsx b/src/components/lab/LabBanner/index.tsx
index 4b7a14d7..6d6f987c 100644
--- a/src/components/lab/LabBanner/index.tsx
+++ b/src/components/lab/LabBanner/index.tsx
@@ -1,12 +1,12 @@
 import React, { FC } from 'react';
 import styles from './styles.module.scss';
 import { Group } from '~/components/containers/Group';
-import { Square } from '~/components/lab/LabSquare';
+import { LabSquare } from '~/components/lab/LabSquare';
 
 interface IProps {}
 
 const LabBanner: FC<IProps> = () => (
-  <Square className={styles.wrap}>
+  <LabSquare className={styles.wrap}>
     <Group>
       <div className={styles.title}>Лаборатория!</div>
 
@@ -19,7 +19,7 @@ const LabBanner: FC<IProps> = () => (
         </p>
       </Group>
     </Group>
-  </Square>
+  </LabSquare>
 );
 
 export { LabBanner };
diff --git a/src/components/lab/LabSquare/index.tsx b/src/components/lab/LabSquare/index.tsx
index 885aeabf..46c85db3 100644
--- a/src/components/lab/LabSquare/index.tsx
+++ b/src/components/lab/LabSquare/index.tsx
@@ -5,7 +5,7 @@ import classNames from 'classnames';
 
 interface IProps extends DivProps {}
 
-const Square: FC<IProps> = ({ children, ...rest }) => (
+const LabSquare: FC<IProps> = ({ children, ...rest }) => (
   <div className={styles.square}>
     <div {...rest} className={classNames(styles.content, rest.className)}>
       {children}
@@ -13,4 +13,4 @@ const Square: FC<IProps> = ({ children, ...rest }) => (
   </div>
 );
 
-export { Square };
+export { LabSquare };