muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed sidebar heights

Browse source
This commit is contained in:
Fedor Katurov 2022-01-14 18:44:14 +07:00
parent 2e75e4f7c0
commit d4f57a97d8
4 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/profile/ProfileSidebarSettings/index.tsx
View file

@ -11,6 +11,7 @@ const ProfileSidebarSettings: FC<IProps> = () => (
<div className={styles.scroller}> <div className={styles.scroller}>
<ProfileSettings /> <ProfileSettings />
</div> </div>
<div className={styles.buttons}> <div className={styles.buttons}>
<Filler /> <Filler />
<Button color="outline">Отмена</Button> <Button color="outline">Отмена</Button>

1
src/components/profile/ProfileSidebarSettings/styles.module.scss
View file

@ -17,7 +17,6 @@
.buttons { .buttons {
width: 100%; width: 100%;
padding: $gap; padding: $gap;
box-shadow: $sidebar_border 0 -1px;
box-sizing: border-box; box-sizing: border-box;
display: grid; display: grid;
grid-template-columns: 1fr auto auto; grid-template-columns: 1fr auto auto;

2
src/components/sidebar/SidebarStackCard/index.tsx
View file

@ -23,7 +23,7 @@ const SidebarStackCard: FC<SidebarStackCardProps> = ({ children, title, width, h
</div> </div>
)} )}
<Filler>{children}</Filler> <div className={styles.content}>{children}</div>
</div> </div>
); );
}; };

13
src/components/sidebar/SidebarStackCard/styles.module.scss
View file

@ -3,8 +3,11 @@
.card { .card {
width: 100vw; width: 100vw;
max-width: 400px; max-width: 400px;
flex-basis: 400px; flex: 1 1 400px;
flex: 1; display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
} }
.head { .head {
@ -15,3 +18,9 @@
align-items: center; align-items: center;
padding: $gap $gap $gap $gap * 2; padding: $gap $gap $gap $gap * 2;
} }
.content {
flex: 1;
display: flex;
flex-direction: column;
}