From 6bcdac830b28a68e618957ea836c20c25d719c77 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Fri, 14 Jun 2019 06:16:35 +0700
Subject: [PATCH] red godrays

---
 src/components/login/LoginForm/style.scss |  2 +-
 src/components/main/GodRays/index.tsx     | 20 ++++++++++----------
 src/containers/LoginLayout/style.scss     |  4 ++--
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/login/LoginForm/style.scss b/src/components/login/LoginForm/style.scss
index 9e372ce4..97a1c82d 100644
--- a/src/components/login/LoginForm/style.scss
+++ b/src/components/login/LoginForm/style.scss
@@ -17,7 +17,7 @@
   align-items: center;
   justify-content: center;
   //background: url('../../../sprites/splotchy.svg');
-  background-size: cover;
+  // background-size: cover;
   //@include outer_shadow();
 }
 
diff --git a/src/components/main/GodRays/index.tsx b/src/components/main/GodRays/index.tsx
index 595ffc52..1617f910 100644
--- a/src/components/main/GodRays/index.tsx
+++ b/src/components/main/GodRays/index.tsx
@@ -40,22 +40,22 @@ export class GodRays extends React.Component<IGodRaysProps> {
 
     rays.map(({ angle, iterator, weight, speed, pulsar, opacity }, index) => {
       const gradient = ctx.createLinearGradient(0, 0, 0, height * 1.3);
-      gradient.addColorStop(0.2, `rgba(255, 255, 255, ${opacity * 0.1})`);
-      gradient.addColorStop(1, `rgba(255, 255, 255, 0)`);
+      gradient.addColorStop(0.2, `rgba(255, 60, 40, ${opacity * 0.1})`);
+      gradient.addColorStop(1, `rgba(255, 60, 40, 0)`);
 
       const gradient2 = ctx.createLinearGradient(0, 0, 0, height * 1.3);
-      gradient2.addColorStop(0.2, `rgba(255, 255, 255, ${opacity * 0.2})`);
-      gradient2.addColorStop(1, "rgba(255, 255, 255, 0)");
+      gradient2.addColorStop(0.2, `rgba(255, 40, 100, ${opacity * 0.2})`);
+      gradient2.addColorStop(1, "rgba(255, 40, 100, 0)");
 
       ctx.save();
-      ctx.translate(width / 2, -600);
+      ctx.translate(width / 2, -900);
       ctx.rotate(angle);
-      ctx.translate(-width / 2, 600);
+      ctx.translate(-width / 2, 900);
 
       ctx.beginPath();
       ctx.fillStyle = gradient;
-      ctx.moveTo(((width / 2) - (weight / 2)), -600);
-      ctx.lineTo(((width / 2) + (weight / 2)), -600);
+      ctx.moveTo(((width / 2) - (weight / 2)), -900);
+      ctx.lineTo(((width / 2) + (weight / 2)), -900);
       ctx.lineTo(((width / 2) + (weight / 2 + 300)), height * 1.4);
       ctx.lineTo(((width / 2) - (weight / 2 + 300)), height * 1.4);
       ctx.fill();
@@ -63,8 +63,8 @@ export class GodRays extends React.Component<IGodRaysProps> {
 
       ctx.beginPath();
       ctx.fillStyle = gradient2;
-      ctx.moveTo(((width / 2) - (weight / 6)), -600);
-      ctx.lineTo(((width / 2) + (weight / 6)), -600);
+      ctx.moveTo(((width / 2) - (weight / 6)), -900);
+      ctx.lineTo(((width / 2) + (weight / 6)), -900);
       ctx.lineTo(((width / 2) + (weight / 6 + 50)), height * 1.4);
       ctx.lineTo(((width / 2) - (weight / 6 + 250)), height * 1.4);
       ctx.fill();
diff --git a/src/containers/LoginLayout/style.scss b/src/containers/LoginLayout/style.scss
index 175b9492..36787539 100644
--- a/src/containers/LoginLayout/style.scss
+++ b/src/containers/LoginLayout/style.scss
@@ -24,7 +24,7 @@
   display: flex;
   align-items: stretch;
   justify-content: stretch;
-  background: rgba(0,0,0,0.1);
+  // background: rgba(0,0,0,0.1);
 
-  @include outer_shadow();
+  // @include outer_shadow();
 }