kylefang/graphql-engine
1
0
Fork 0
mirror of https://github.com/zhigang1992/graphql-engine.git synced 2026-05-19 19:29:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

logo and favicon update on console (#627)

Browse Source
This commit is contained in:
Praveen Durairaj
2018-10-03 18:49:56 +05:30
committed by Shahidh K Muhammed
parent 44f64a1410
commit 509c8b89ed
5 changed files with 1536 additions and 1713 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3042
console/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

153
console/src/components/Main/Main.js
View File

@@ -105,7 +105,7 @@ class Main extends React.Component {
} = this.props;
const styles = require('./Main.scss');
const appPrefix = '';
const logo = require('./logo.svg');
const logo = require('./white-logo.svg');
const github = require('./Github.svg');
const discord = require('./Discord.svg');
const mail = require('./mail.svg');
@@ -159,7 +159,6 @@ class Main extends React.Component {
</Link>
</div>
<Link to="/">
<div className={styles.header_project_name}>HASURA</div>
<div className={styles.project_version}>{serverVersion}</div>
</Link>
</div>
@@ -312,30 +311,30 @@ class Main extends React.Component {
</div>
{!this.state.loveConsentState.isDismissed
? [
<div
key="main_love_1"
className={styles.shareSection + ' dropdown-toggle'}
aria-expanded="false"
onClick={this.handleDropdownToggle.bind(this)}
>
<img
className={'img-responsive'}
src={pixHeart}
alt={'pix Heart'}
/>
{/* <i className={styles.heart + ' fa fa-heart'} /> */}
</div>,
<ul
key="main_love_2"
className={'dropdown-menu ' + styles.dropdown_menu}
>
<div className={styles.dropdown_menu_container}>
<div className={styles.closeDropDown}>
<i
className="fa fa-close"
onClick={this.closeLoveIcon.bind(this)}
/>
{/*
<div
key="main_love_1"
className={styles.shareSection + ' dropdown-toggle'}
aria-expanded="false"
onClick={this.handleDropdownToggle.bind(this)}
>
<img
className={'img-responsive'}
src={pixHeart}
alt={'pix Heart'}
/>
{/* <i className={styles.heart + ' fa fa-heart'} /> */}
</div>,
<ul
key="main_love_2"
className={'dropdown-menu ' + styles.dropdown_menu}
>
<div className={styles.dropdown_menu_container}>
<div className={styles.closeDropDown}>
<i
className="fa fa-close"
onClick={this.closeLoveIcon.bind(this)}
/>
{/*
<img
className={'img-responsive'}
src={closeIcon}
@@ -343,8 +342,8 @@ class Main extends React.Component {
onClick={this.closeLoveIcon.bind(this)}
/>
*/}
</div>
{/*
</div>
{/*
<div className={styles.arrow_up_dropdown} />
<div className={styles.graphqlHeartText}>
Love GraphQL Engine? Shout it from the rooftops!
@@ -355,37 +354,37 @@ class Main extends React.Component {
</span>
</div>
*/}
<div className={styles.displayFlex}>
<li className={styles.pixelText1}>
<div className={styles.displayFlex}>
<li className={styles.pixelText1}>
Roses are red, <br />
Violets are blue;
<br />
<br />
Star us on Github,
<br />
<br />
To make our <i className={'fa fa-heart'} /> go
wooooo!
</li>
<li className={'dropdown-item'}>
<a
href="https://github.com/hasura/graphql-engine"
target="_blank"
rel="noopener noreferrer"
>
<div className={styles.socialIcon}>
<img
className="img img-responsive"
src={
'https://storage.googleapis.com/hasura-graphql-engine/console/assets/githubicon.png'
}
alt={'Github'}
/>
</div>
<div className={styles.pixelText}>
<i className="fa fa-star" />
</li>
<li className={'dropdown-item'}>
<a
href="https://github.com/hasura/graphql-engine"
target="_blank"
rel="noopener noreferrer"
>
<div className={styles.socialIcon}>
<img
className="img img-responsive"
src={
'https://storage.googleapis.com/hasura-graphql-engine/console/assets/githubicon.png'
}
alt={'Github'}
/>
</div>
<div className={styles.pixelText}>
<i className="fa fa-star" />
&nbsp; Star
</div>
</a>
{/*
</div>
</a>
{/*
<div className={styles.gitHubBtn}>
<iframe
title="github"
@@ -397,32 +396,32 @@ class Main extends React.Component {
/>
</div>
*/}
</li>
<li className={'dropdown-item '}>
<a
href="https://twitter.com/intent/tweet?hashtags=graphql,postgres&text=Just%20deployed%20a%20GraphQL%20backend%20with%20@HasuraHQ!%20%E2%9D%A4%EF%B8%8F%20%F0%9F%9A%80%0Ahttps://github.com//hasura/graphql-engine%0A"
target="_blank"
rel="noopener noreferrer"
>
<div className={styles.socialIcon}>
<img
className="img img-responsive"
src={
'https://storage.googleapis.com/hasura-graphql-engine/console/assets/twittericon.png'
}
alt={'Twitter'}
/>
</div>
<div className={styles.pixelText}>
<i className="fa fa-twitter" />
</li>
<li className={'dropdown-item '}>
<a
href="https://twitter.com/intent/tweet?hashtags=graphql,postgres&text=Just%20deployed%20a%20GraphQL%20backend%20with%20@HasuraHQ!%20%E2%9D%A4%EF%B8%8F%20%F0%9F%9A%80%0Ahttps://github.com//hasura/graphql-engine%0A"
target="_blank"
rel="noopener noreferrer"
>
<div className={styles.socialIcon}>
<img
className="img img-responsive"
src={
'https://storage.googleapis.com/hasura-graphql-engine/console/assets/twittericon.png'
}
alt={'Twitter'}
/>
</div>
<div className={styles.pixelText}>
<i className="fa fa-twitter" />
&nbsp; Tweet
</div>
</a>
</li>
</div>
</a>
</li>
</div>
</div>
</div>
</ul>,
]
</ul>,
]
: null}
</div>
</div>

3
console/src/components/Main/Main.scss
View File

@@ -95,7 +95,7 @@
{
img
{
width: 30px;
width: 100px;
}
}
}
@@ -113,6 +113,7 @@
font-size: 10px;
letter-spacing: 1px;
font-weight: 300;
padding-top: 6px;
}
.toggleSidebar {
position: absolute;

51
console/src/components/Main/white-logo.svg Normal file
View File

@@ -0,0 +1,51 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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"
viewBox="0 0 270 80" style="enable-background:new 0 0 270 80;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g id="Layer_2_1_">
</g>
<g id="Layer_1_5_">
<g>
<g>
<path class="st0" d="M110,45.5h-5.1c-0.8,0-1.4-0.7-1.4-1.4V28c0-0.8-0.7-1.4-1.4-1.4h-4.4c-0.8,0-1.4,0.7-1.4,1.4v40.7
c0,0.8,0.7,1.4,1.4,1.4h4.4c0.8,0,1.4-0.7,1.4-1.4V52.9c0-0.8,0.7-1.4,1.4-1.4h5.1c0.8,0,1.4,0.7,1.4,1.4v15.9
c0,0.8,0.7,1.4,1.4,1.4h4.4c0.8,0,1.4-0.7,1.4-1.4V28c0-0.8-0.7-1.4-1.4-1.4h-4.4c-0.8,0-1.4,0.7-1.4,1.4v16
C111.4,44.8,110.8,45.5,110,45.5z"/>
<path class="st0" d="M132.6,27.8l-7.2,40.7c-0.1,0.8,0.5,1.6,1.3,1.6h4.4c0.7,0,1.3-0.5,1.3-1.2l1.2-7.4c0.1-0.7,0.7-1.2,1.3-1.2
h5.6c0.7,0,1.3,0.5,1.3,1.2l1.3,7.5c0.1,0.7,0.7,1.2,1.3,1.2h4.6c0.9,0,1.6-0.8,1.3-1.7l-7.5-40.7c-0.1-0.7-0.7-1.2-1.3-1.2h-7.5
C133.3,26.6,132.8,27.1,132.6,27.8z M139.3,54.2h-2.9c-0.9,0-1.4-0.8-1.3-1.6l1.3-15c0.3-1.6,2.5-1.6,2.7,0l1.4,15
C140.7,53.4,140.1,54.2,139.3,54.2z"/>
<path class="st0" d="M170.1,44.9h-4.9c-0.9,0-1.4-0.4-1.4-1.4v-9.4c0-0.9,0.5-1.4,1.4-1.4h2.9c0.9,0,1.4,0.4,1.4,1.4v4.4
c0,0.8,0.7,1.4,1.4,1.4h4.6c0.8,0,1.4-0.7,1.4-1.4v-5.5c0-4.3-2.3-6.5-6.9-6.5h-6.6c-4.6,0-6.9,2.2-6.9,6.5v11.2
c0,4.3,2.3,6.6,6.8,6.6h4.9c0.9,0,1.4,0.4,1.4,1.4v10.4c0,0.9-0.4,1.4-1.4,1.4h-2.9c-0.9,0-1.4-0.4-1.4-1.4v-4.4
c0-0.8-0.7-1.4-1.4-1.4h-4.6c-0.8,0-1.4,0.7-1.4,1.4v5.5c0,4.3,2.3,6.5,6.9,6.5h6.5c4.6,0,6.9-2.2,6.9-6.5V51.6
C176.9,47.1,174.5,44.9,170.1,44.9z"/>
<path class="st0" d="M197.4,62.6c0,0.9-0.4,1.4-1.4,1.4h-3.9c-0.9,0-1.4-0.4-1.4-1.4V28c0-0.8-0.7-1.4-1.4-1.4h-4.6
c-0.8,0-1.4,0.7-1.4,1.4v35.5c0,4.3,2.3,6.5,6.9,6.5h7.5c4.6,0,6.9-2.2,6.9-6.5V28c0-0.8-0.7-1.4-1.4-1.4h-4.3
c-0.8,0-1.4,0.7-1.4,1.4L197.4,62.6L197.4,62.6z"/>
<path class="st0" d="M233.6,46.4V33.1c0-4.3-2.3-6.5-6.9-6.5h-13c-0.8,0-1.4,0.7-1.4,1.4v40.7c0,0.8,0.7,1.4,1.4,1.4h4.4
c0.8,0,1.4-0.7,1.4-1.4V54.4c0-0.8,0.7-1.4,1.4-1.4l0,0c0.5,0,1,0.4,1.3,0.9l5.7,15.3c0.3,0.5,0.8,0.9,1.3,0.9h4.8
c0.9,0,1.7-0.9,1.3-1.8l-5.5-14.2c-0.3-0.7,0.1-1.4,0.8-1.8C232.4,51.3,233.6,49.2,233.6,46.4z M226.3,34.1v11.4
c0,0.9-0.5,1.4-1.4,1.4h-4c-0.8,0-1.4-0.7-1.4-1.4V34.1c0-0.8,0.7-1.4,1.4-1.4h4C225.8,32.7,226.3,33.2,226.3,34.1z"/>
<path class="st0" d="M257.5,26.6H250c-0.7,0-1.3,0.5-1.3,1.2l-7.2,40.7c-0.1,0.8,0.5,1.6,1.3,1.6h4.4c0.7,0,1.3-0.5,1.3-1.2
l1.2-7.4c0.1-0.7,0.7-1.2,1.3-1.2h5.6c0.7,0,1.3,0.5,1.3,1.2l1.3,7.5c0.1,0.7,0.7,1.2,1.3,1.2h4.6c0.9,0,1.6-0.8,1.3-1.7
l-7.5-40.7C258.7,27.1,258.2,26.6,257.5,26.6z M255.2,54.2h-2.7c-0.9,0-1.4-0.8-1.3-1.6l1.3-13.7c0.3-1.6,2.5-1.6,2.7,0l1.4,13.7
C256.7,53.4,256.1,54.2,255.2,54.2z"/>
</g>
<g>
<path class="st0" d="M68.2,26.8c2.2-5.3,2.2-16.1-0.7-24.4l0,0c-0.8-1.5-3-1-3.1,0.6v0.6c-0.5,7.9-3.4,12.2-7.7,14.3
c-0.7,0.3-1.8,0.3-2.5-0.2c-5.1-3.2-11.1-5.1-17.6-5.1S24.1,14.5,19,17.7c-0.7,0.4-1.5,0.5-2.2,0.2c-4.4-1.6-7.4-6.4-7.9-14.4
V2.9C8.8,1.3,6.5,0.8,5.8,2.3C2.9,10.7,3,21.5,5.1,26.8c1.1,2.6,1.1,5.6,0.2,8.3c-1.2,3.4-1.8,7.2-1.7,11
C4,63.5,18.8,78.3,36.2,78.6c18.4,0.2,33.4-14.6,33.4-33c0-3.7-0.6-7.2-1.7-10.5C67,32.4,67.1,29.4,68.2,26.8z M36.2,70.7
c-13.4-0.3-24.4-11.2-24.6-24.6c-0.3-14.3,11.3-25.9,25.5-25.6c13.4,0.2,24.4,11.2,24.6,24.6C62,59.3,50.4,70.9,36.2,70.7z"/>
<path class="st0" d="M40.5,42.9l-5.9-9.1c-0.9-1.5-2.9-1.9-4.4-1c-0.9,0.6-1.5,1.6-1.5,2.7c0,0.6,0.2,1.2,0.5,1.7l4,6.2
c0.3,0.5,0.2,1.1-0.1,1.5l-6.2,6.8c-1.2,1.3-1.1,3.3,0.2,4.5c0.6,0.5,1.4,0.8,2.2,0.8c0.9,0,1.7-0.4,2.3-1l4.6-5.4
c0.4-0.4,1-0.4,1.3,0.1l3.3,4.7c0.2,0.4,0.5,0.7,0.9,0.9c1.1,0.8,2.5,0.8,3.6,0.1l0,0c0.9-0.6,1.5-1.6,1.5-2.7
c0-0.6-0.2-1.2-0.5-1.7L40.5,42.9z"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
console/static/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB