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

colors

Browse source
This commit is contained in:
muerwre 2019-07-27 06:51:03 +07:00
parent 1a7557eab4
commit 1b37ed4bbf
6 changed files with 42 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,7 @@
import React, { FC, LegacyRef, ReactChild, useCallback, useEffect, useState } from 'react';
import * as styles from './styles.scss';
import classNames from 'classnames';
import {Group} from "~/components/containers/Group";
interface IProps {
}
@ -31,18 +32,26 @@ export const SidePane: FC<IProps> = ({
return (
<div className={styles.pane} style={{ transform: `translate(${left}px, 0px)` }}>
<div
className={classNames(styles.group, 'logo')}
>
<div>V</div>
</div>
<Group>
<div className={classNames(styles.btn, "orange")}><div>‹</div></div>
<div className={styles.group}>
<div className={styles.btn} />
<div className={styles.btn} />
<div className={styles.btn} />
<div className={styles.btn} />
</div>
<div
className={classNames(styles.group, 'logo')}
>
<div>V</div>
</div>
<div className={styles.btn}><div>P</div></div>
<div className={styles.btn}><div>F</div></div>
<div className={styles.group}>
<div className={styles.btn} />
<div className={styles.btn} />
<div className={styles.btn} />
<div className={styles.btn} />
</div>
</Group>
<div className={styles.flexy} />