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