status-im
/
embark-area-51
mirror of https://github.com/status-im/embark-area-51.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

uiux(components/Login): use new Embark rocket

This commit is contained in:
Pascal Precht 2018-10-12 14:54:56 +02:00
parent eeeb05fa43
commit 0eb6067ddf
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
3 changed files with 131 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
embark-ui/src/components/Login.css
View File

@ -1,11 +1,12 @@
.login-container { .login-container {
width: 80%; width: 80%;
max-width: 900px; max-width: 900px;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
} }
.login-layout-container-section { .login-layout-container-section {
padding: 0.8em; padding: 0.8em;
background: #20a8d8; background: #2f353a;
} }
.login-layout-container-section:first-child { .login-layout-container-section:first-child {

2
embark-ui/src/components/Login.js
View File

@ -1,6 +1,6 @@
import PropTypes from "prop-types"; import PropTypes from "prop-types";
import React from 'react'; import React from 'react';
import logo from '../images/logo.png'; import logo from '../images/logo-new.svg';
import './Login.css'; import './Login.css';
class Login extends React.Component { class Login extends React.Component {

128
embark-ui/src/images/logo-new.svg Normal file
View File

@ -0,0 +1,128 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="2160px" height="1440px" viewBox="0 0 2160 1440" enable-background="new 0 0 2160 1440" xml:space="preserve">
<g>
<defs>
<rect id="SVGID_132_" x="670.25" y="430.159" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 821.4487 1787.1575)" width="221.207" height="586.588"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_132_" overflow="visible"/>
</clipPath>
<g opacity="0.1" clip-path="url(#SVGID_2_)">
<g>
<defs>
<rect id="SVGID_134_" x="458.16" y="439.682" width="587.254" height="570.788"/>
</defs>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_134_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_4_)">
<defs>
<rect id="SVGID_136_" x="458.16" y="439.682" width="587.254" height="570.788"/>
</defs>
<clipPath id="SVGID_6_">
<use xlink:href="#SVGID_136_" overflow="visible"/>
</clipPath>
<g transform="matrix(1 0 0 1 0 3.051758e-05)" clip-path="url(#SVGID_6_)">
<image overflow="visible" width="321" height="312" xlink:href="2A17B363887357F3.png" transform="matrix(1.8294 0 0 1.8294 458.1602 439.6821)">
</image>
</g>
</g>
</g>
</g>
<polygon clip-path="url(#SVGID_2_)" fill="#16F4A4" points="978.869,507.264 978.211,507.533 913.662,676.524 524.213,942.899
931.008,693.014 "/>
<path clip-path="url(#SVGID_2_)" fill="#16F4A4" d="M973.82,509.303l-184.357,74.43c-30.643,14.05-57.486,36.818-76.789,65.121
L524.213,942.899l389.451-266.376l64.547-168.992L973.82,509.303z"/>
</g>
<path fill="#12125B" d="M841.865,1065.963c0,0,245.404-53.953,421.189-214.877c344.365-315.251,314.051-638.902,314.051-638.902
l-795.496,795.492"/>
<path fill="#1942D8" d="M723.088,947.185c0,0,54.912-244.53,214.877-421.188c311.191-343.663,639.141-313.814,639.141-313.814
l-795.496,795.494"/>
<path fill="#1157F4" d="M988.49,564.405c207.738-229.166,450.852-309.215,584.072-348.149l3.117-3.118
c0,0-327.338-29.989-637.701,312.847C778.438,702.217,723.062,947.209,723.062,947.209l3.203,3.203
C726.266,950.413,827.789,741.677,988.49,564.405"/>
<g>
<defs>
<rect id="SVGID_138_" x="975.485" y="711.371" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 1124.7515 2488.1475)" width="204.39" height="599.524"/>
</defs>
<clipPath id="SVGID_8_">
<use xlink:href="#SVGID_138_" overflow="visible"/>
</clipPath>
<path clip-path="url(#SVGID_8_)" fill="#00B783" d="M1091.307,860.708l184.178-54.809l-68.039,188.376
c-13.879,33.441-37.322,63.188-67.072,85.091l-283.764,196.513L1091.307,860.708z"/>
<g opacity="0.3" clip-path="url(#SVGID_8_)">
<g>
<defs>
<rect id="SVGID_140_" x="798.438" y="734.223" width="545.176" height="603.719"/>
</defs>
<clipPath id="SVGID_10_">
<use xlink:href="#SVGID_140_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_10_)">
<defs>
<rect id="SVGID_142_" x="798.438" y="734.223" width="545.176" height="603.719"/>
</defs>
<clipPath id="SVGID_12_">
<use xlink:href="#SVGID_142_" overflow="visible"/>
</clipPath>
<g transform="matrix(1 0 0 1 0 -6.103516e-05)" clip-path="url(#SVGID_12_)">
<image overflow="visible" width="298" height="330" xlink:href="2A17B363887357F1.png" transform="matrix(1.8294 0 0 1.8294 798.4375 734.2231)">
</image>
</g>
</g>
</g>
</g>
</g>
<g>
<defs>
<rect id="SVGID_144_" x="829.873" y="578.832" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 959.0662 2135.0476)" width="183.694" height="580.121"/>
</defs>
<clipPath id="SVGID_14_">
<use xlink:href="#SVGID_144_" overflow="visible"/>
</clipPath>
<path clip-path="url(#SVGID_14_)" fill="#16F4A4" d="M1006.504,684.414c-56.238,21.653-78.492,48.845-97.396,77.8l-227.299,348.173
l443.57-446.724C1125.379,663.663,1062.744,662.76,1006.504,684.414"/>
<path clip-path="url(#SVGID_14_)" fill="#16F4A4" d="M1105.475,782.686c21.256-56.392,19.91-119.02,19.91-119.02L681.812,1110.39
l346.555-229.759C1057.188,861.524,1084.221,839.076,1105.475,782.686"/>
</g>
<g>
<defs>
<path id="SVGID_146_" d="M717.283,1074.666l7.342,7.339l303.74-201.373c28.822-19.107,55.855-41.554,77.109-97.943
c21.256-56.394,19.91-119.021,19.91-119.021L717.283,1074.666z"/>
</defs>
<clipPath id="SVGID_16_">
<use xlink:href="#SVGID_146_" overflow="visible"/>
</clipPath>
<g opacity="0.27" clip-path="url(#SVGID_16_)">
<g>
<defs>
<rect id="SVGID_148_" x="633.787" y="597.015" width="576.277" height="579.936"/>
</defs>
<clipPath id="SVGID_18_">
<use xlink:href="#SVGID_148_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_18_)">
<defs>
<rect id="SVGID_150_" x="633.787" y="597.015" width="576.277" height="579.936"/>
</defs>
<clipPath id="SVGID_20_">
<use xlink:href="#SVGID_150_" overflow="visible"/>
</clipPath>
<g transform="matrix(1 0 0 1 0 -6.103516e-05)" clip-path="url(#SVGID_20_)">
<image overflow="visible" width="315" height="317" xlink:href="2A17B363887357F7.png" transform="matrix(1.8294 0 0 1.8294 633.7871 597.0151)">
</image>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB