From bee41ebfb35ef172d91b9ce5a3809aef35e430ef Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 19 Mar 2021 18:11:04 +0700
Subject: [PATCH] #23 fixed Tabs

---
 .../dialogs/Tabs/styles.module.scss           |  3 +-
 src/containers/profile/ProfileTabs/index.tsx  | 28 ++++++++++---------
 .../profile/ProfileTabs/styles.module.scss    | 18 ------------
 3 files changed, 16 insertions(+), 33 deletions(-)

diff --git a/src/components/dialogs/Tabs/styles.module.scss b/src/components/dialogs/Tabs/styles.module.scss
index 934160f7..3e915328 100644
--- a/src/components/dialogs/Tabs/styles.module.scss
+++ b/src/components/dialogs/Tabs/styles.module.scss
@@ -4,6 +4,5 @@
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
-  margin: $gap * 2 0 0 0;
-  padding: 0 $gap;
+  padding: 0 $gap / 2;
 }
diff --git a/src/containers/profile/ProfileTabs/index.tsx b/src/containers/profile/ProfileTabs/index.tsx
index 22bceef7..1f893442 100644
--- a/src/containers/profile/ProfileTabs/index.tsx
+++ b/src/containers/profile/ProfileTabs/index.tsx
@@ -21,20 +21,22 @@ const ProfileTabs: FC<IProps> = ({ tab, is_own, setTab }) => {
   );
 
   return (
-    <Tabs>
-      <Tab active={tab === 'profile'} onClick={changeTab('profile')}>
-        Профиль
-      </Tab>
-
-      <Tab active={tab === 'messages'} onClick={changeTab('messages')}>
-        Сообщения
-      </Tab>
-      {is_own && (
-        <Tab active={tab === 'settings'} onClick={changeTab('settings')}>
-          Настройки
+    <div className={styles.wrap}>
+      <Tabs>
+        <Tab active={tab === 'profile'} onClick={changeTab('profile')}>
+          Профиль
         </Tab>
-      )}
-    </Tabs>
+
+        <Tab active={tab === 'messages'} onClick={changeTab('messages')}>
+          Сообщения
+        </Tab>
+        {is_own && (
+          <Tab active={tab === 'settings'} onClick={changeTab('settings')}>
+            Настройки
+          </Tab>
+        )}
+      </Tabs>
+    </div>
   );
 };
 
diff --git a/src/containers/profile/ProfileTabs/styles.module.scss b/src/containers/profile/ProfileTabs/styles.module.scss
index 29f68b7b..929f2a53 100644
--- a/src/containers/profile/ProfileTabs/styles.module.scss
+++ b/src/containers/profile/ProfileTabs/styles.module.scss
@@ -1,24 +1,6 @@
 @import "src/styles/variables";
 
 .wrap {
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-start;
   margin: $gap * 2 0 0 0;
   padding: 0 $gap;
 }
-
-.tab {
-  @include outer_shadow();
-
-  padding: $gap;
-  margin-right: $gap;
-  border-radius: $radius $radius 0 0;
-  font: $font_14_semibold;
-  text-transform: uppercase;
-  cursor: pointer;
-
-  &.active {
-    background: lighten($content_bg, 4%);
-  }
-}