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

creating youtube node

Browse source
This commit is contained in:
Fedor Katurov 2019-10-19 19:53:53 +07:00
parent 8612cc5ce7
commit f7c2f0e90f
6 changed files with 22 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/editors/VideoEditor/index.tsx
View file

@ -3,6 +3,7 @@ import { INode } from '~/redux/types';
import * as styles from './styles.scss';
import path from 'ramda/es/path';
import { InputText } from '~/components/input/InputText';
import classnames from 'classnames';
interface IProps {
data: INode;
@ -29,7 +30,7 @@ const VideoEditor: FC<IProps> = ({ data, setData }) => {
return (
<div className={styles.preview} style={{ backgroundImage: preview && `url("${preview}")` }}>
<div className={styles.input_wrap}>
<div className={styles.input}>
<div className={classnames(styles.input, { active: !!preview })}>
<InputText value={url} handler={setUrl} placeholder="Адрес видео" />
</div>
</div>

11
src/components/editors/VideoEditor/styles.scss
View file

@ -1,6 +1,7 @@
.preview {
padding-top: 56.25%;
position: relative;
border-radius: $radius;
// background: darken($color: $content_bg, $amount: 2%);
}
@ -19,12 +20,16 @@
// @include outer_shadow();
flex: 1 0 50%;
padding: $gap * 2 $gap $gap * 2 $gap;
// border-radius: $radius;
padding: $gap * 2;
border-radius: $radius;
background: $content_bg;
// margin: 20px;
margin: 20px;
input {
text-align: center;
}
&:global(.active) {
background: $red;
}
}