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

added rays

Browse source
This commit is contained in:
muerwre 2019-08-01 04:42:07 +07:00
parent fcfc16c157
commit 754e11cbcc
3 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/main/GodRays/index.tsx
View file

@ -117,14 +117,14 @@ export class GodRays extends React.Component<IGodRaysProps> {
width: '100%', width: '100%',
height: '100%', height: '100%',
zIndex: -1, zIndex: -1,
opacity: 0.5, opacity: 1,
pointerEvents: 'none', pointerEvents: 'none',
}}> }}>
<canvas <canvas
width={width} width={width}
height={height + 100} height={height + 100}
style={{ style={{
filter: 'blur(20px)', filter: 'blur(50px)',
position: 'relative', position: 'relative',
top: -100, top: -100,
}} }}

3
src/containers/App.tsx
View file

@ -12,6 +12,7 @@ import { ImageExample } from "~/containers/examples/ImageExample";
import { EditorExample } from "~/containers/examples/EditorExample"; import { EditorExample } from "~/containers/examples/EditorExample";
import { HorizontalExample } from "~/containers/examples/HorizontalExample"; import { HorizontalExample } from "~/containers/examples/HorizontalExample";
import { Sprites } from "~/sprites/Sprites"; import { Sprites } from "~/sprites/Sprites";
import {GodRays} from "~/components/main/GodRays";
interface IAppProps {} interface IAppProps {}
interface IAppState {} interface IAppState {}
@ -21,6 +22,8 @@ class Component extends React.Component<IAppProps, IAppState> {
return ( return (
<ConnectedRouter history={history}> <ConnectedRouter history={history}>
<MainLayout> <MainLayout>
<GodRays />
<Sprites /> <Sprites />
<Switch> <Switch>

2
src/containers/examples/EditorExample/styles.scss
View file

@ -10,7 +10,7 @@
display: flex; display: flex;
align-items: stretch !important; align-items: stretch !important;
justify-content: stretch; justify-content: stretch;
flex: 1; //flex: 1;
} }
.panel { .panel {