From d4f57a97d844737c52ab6313576ca6782bd8a95b Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 14 Jan 2022 18:44:14 +0700
Subject: [PATCH] fixed sidebar heights

---
 .../profile/ProfileSidebarSettings/index.tsx        |  1 +
 .../ProfileSidebarSettings/styles.module.scss       |  1 -
 src/components/sidebar/SidebarStackCard/index.tsx   |  2 +-
 .../sidebar/SidebarStackCard/styles.module.scss     | 13 +++++++++++--
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/profile/ProfileSidebarSettings/index.tsx b/src/components/profile/ProfileSidebarSettings/index.tsx
index 8e30fc7d..d5b0d5c7 100644
--- a/src/components/profile/ProfileSidebarSettings/index.tsx
+++ b/src/components/profile/ProfileSidebarSettings/index.tsx
@@ -11,6 +11,7 @@ const ProfileSidebarSettings: FC<IProps> = () => (
     <div className={styles.scroller}>
       <ProfileSettings />
     </div>
+
     <div className={styles.buttons}>
       <Filler />
       <Button color="outline">Отмена</Button>
diff --git a/src/components/profile/ProfileSidebarSettings/styles.module.scss b/src/components/profile/ProfileSidebarSettings/styles.module.scss
index 63a90b95..7aeaaded 100644
--- a/src/components/profile/ProfileSidebarSettings/styles.module.scss
+++ b/src/components/profile/ProfileSidebarSettings/styles.module.scss
@@ -17,7 +17,6 @@
 .buttons {
   width: 100%;
   padding: $gap;
-  box-shadow: $sidebar_border 0 -1px;
   box-sizing: border-box;
   display: grid;
   grid-template-columns: 1fr auto auto;
diff --git a/src/components/sidebar/SidebarStackCard/index.tsx b/src/components/sidebar/SidebarStackCard/index.tsx
index 5e2b9003..c692f957 100644
--- a/src/components/sidebar/SidebarStackCard/index.tsx
+++ b/src/components/sidebar/SidebarStackCard/index.tsx
@@ -23,7 +23,7 @@ const SidebarStackCard: FC<SidebarStackCardProps> = ({ children, title, width, h
         </div>
       )}
 
-      <Filler>{children}</Filler>
+      <div className={styles.content}>{children}</div>
     </div>
   );
 };
diff --git a/src/components/sidebar/SidebarStackCard/styles.module.scss b/src/components/sidebar/SidebarStackCard/styles.module.scss
index be618d92..e111093d 100644
--- a/src/components/sidebar/SidebarStackCard/styles.module.scss
+++ b/src/components/sidebar/SidebarStackCard/styles.module.scss
@@ -3,8 +3,11 @@
 .card {
   width: 100vw;
   max-width: 400px;
-  flex-basis: 400px;
-  flex: 1;
+  flex: 1 1 400px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
 }
 
 .head {
@@ -15,3 +18,9 @@
   align-items: center;
   padding: $gap $gap $gap $gap * 2;
 }
+
+.content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}