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

comments mock

Browse source
This commit is contained in:
muerwre 2019-07-26 18:26:35 +07:00
parent bdf7ba1ccb
commit 2a6604afaf
18 changed files with 340 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/main/SidePane/index.tsx
View file

@ -33,7 +33,11 @@ export const SidePane: FC<IProps> = ({
return (
<div className={styles.pane} style={{ transform: `translate(${left}px, 0px)` }}>
<div className={classNames(styles.group, 'logo')} />
<div
className={classNames(styles.group, 'logo')}
>
<div>V</div>
</div>
<div className={styles.group}>
<div className={styles.btn} />

11
src/components/main/SidePane/styles.scss
View file

@ -16,18 +16,20 @@
margin: ($gap / 2) 0;
background: #191919;
box-sizing: border-box;
box-shadow: #222222 0 0 0 1px;
&:global(.logo) {
color: white;
height: (54px * 1.5) + $gap / 2;
background: white;
background-size: 140px;
font-weight: 600;
font-size: 14px;
text-align: center;
padding-top: 66px;
box-shadow: inset #111111 0 -1px, inset #222222 0 1px;
color: black;
display: flex;
align-items: center;
justify-content: center;
font: $font_24_semibold;
}
.btn {
@ -47,8 +49,9 @@
.btn {
height: 54px;
box-shadow: inset #111111 0 -1px, inset #222222 0 1px;
box-shadow: inset transparentize(black, 0.9) 0 -1px, inset transparentize(white, 0.95) 0 1px;
border-radius: $panel_radius;
background: #191919;
}
.flexy {