muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed appearance for profile sidebar

Browse source
This commit is contained in:
Fedor Katurov 2022-03-29 15:39:29 +07:00
parent 42c9fed92c
commit 16d12f92da
11 changed files with 96 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/settings/SettingsMenu/index.tsx
View file

@ -1,6 +1,5 @@
import React, { VFC } from 'react';
import classNames from 'classnames';
import Link from 'next/link';
import { Filler } from '~/components/containers/Filler';
@ -9,9 +8,10 @@ import { Button } from '~/components/input/Button';
import { VerticalMenu } from '~/components/menu/VerticalMenu';
import { URLS } from '~/constants/urls';
import { ProfileSidebarHead } from '~/containers/profile/ProfileSidebarHead';
import styles from '~/containers/profile/ProfileSidebarMenu/styles.module.scss';
import { ProfileStats } from '~/containers/profile/ProfileStats';
import styles from './styles.module.scss';
interface SettingsMenuProps {}
const SettingsMenu: VFC<SettingsMenuProps> = () => (
@ -35,9 +35,9 @@ const SettingsMenu: VFC<SettingsMenuProps> = () => (
</Link>
</VerticalMenu>
<br />
<ProfileStats />
<div className={styles.stats}>
<ProfileStats />
</div>
<Group horizontal>
<Filler />

21
src/components/settings/SettingsMenu/styles.module.scss Normal file
View file

@ -0,0 +1,21 @@
@import "../../../styles/variables";
.wrap {
padding: $gap;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
}
.text {
margin-top: $gap * 2;
}
.stats {
margin-top: 1em;
@include tablet {
display: none;
}
}