Skip to content
Permalink
Browse files

feat(ui): update Zap logo

fix #2315
  • Loading branch information...
mrfelton committed May 31, 2019
1 parent 5999b60 commit 96bc9eecf6ebb7a32ccf3e1e14dad768bad8f641
@@ -1,19 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="63px" height="26px" viewBox="0 0 63 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.3 (67297) - http://www.bohemiancoding.com/sketch -->
<title>9A34091F-52FF-4333-89C8-0C5FDDF57D62</title>
<desc>Created with sketchtool.</desc>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="zap_logo_white">
<g>
<g id="zap" transform="translate(28.000000, 10.000000)" fill="#FFFFFF">
<path d="M1.60941191,10.5507246 L9.2541185,10.5507246 L9.2541185,11.6152833 L0,11.6152833 L0,10.687747 L7.09011194,1.29644269 L0.217488096,1.29644269 L0.217488096,0.210803689 L8.73214706,0.210803689 L8.73214706,1.14888011 L1.60941191,10.5507246 Z M20.1981195,11.6152833 C20.1111238,11.2288079 20.0495028,10.8950387 20.0132546,10.6139657 C19.9770064,10.3328928 19.9588826,10.0483106 19.9588826,9.7602108 C19.5239042,10.3574909 18.9439418,10.8528746 18.2189778,11.2463768 C17.4940139,11.639879 16.6784417,11.8366271 15.7722367,11.8366271 C14.6267937,11.8366271 13.7369138,11.5415049 13.1025704,10.9512516 C12.4682269,10.3609984 12.1510599,9.57049244 12.1510599,8.57971014 C12.1510599,7.52568643 12.6204671,6.68248011 13.5592954,6.05006588 C14.4981237,5.41765165 15.7649792,5.10144928 17.3598998,5.10144928 L19.9588826,5.10144928 L19.9588826,3.68906456 C19.9588826,2.87395289 19.6888376,2.23452142 19.1487394,1.77075099 C18.6086413,1.30698055 17.8528777,1.07509881 16.881426,1.07509881 C15.9752211,1.07509881 15.2230823,1.29644047 14.624987,1.73913043 C14.0268918,2.1818204 13.7278486,2.72287779 13.7278486,3.36231884 L12.5316641,3.35177866 L12.5099153,3.28853755 C12.4664175,2.43829175 12.866954,1.67764938 13.711537,1.00658762 C14.55612,0.33552585 15.630863,0 16.9357981,0 C18.2334835,0 19.2774159,0.319715731 20.0676266,0.959156785 C20.8578373,1.59859784 21.2529368,2.51558472 21.2529368,3.71014493 L21.2529368,9.31752306 C21.2529368,9.71805207 21.2764977,10.108035 21.3236204,10.4874835 C21.3707431,10.8669321 21.4486755,11.2428616 21.5574201,11.6152833 L20.1981195,11.6152833 Z M15.9244784,10.7193676 C16.8596819,10.7193676 17.6861284,10.5068093 18.4038427,10.0816864 C19.121557,9.65656353 19.6398985,9.11374946 19.9588826,8.45322793 L19.9588826,6.07114625 L17.338151,6.07114625 C16.1564598,6.07114625 15.2122084,6.31532474 14.5053686,6.80368906 C13.7985287,7.29205339 13.4451141,7.89810793 13.4451141,8.62187088 C13.4451141,9.24023146 13.6644124,9.74439858 14.1030156,10.1343874 C14.5416188,10.5243761 15.148767,10.7193676 15.9244784,10.7193676 Z M35,6.22924901 C35,7.93676743 34.6012758,9.29819431 33.8038155,10.3135705 C33.0063551,11.3289467 31.9080512,11.8366271 30.5088708,11.8366271 C29.6824119,11.8366271 28.9592712,11.6855527 28.3394271,11.3833992 C27.7195829,11.0812457 27.2139281,10.6491025 26.8224476,10.0869565 L26.8224476,16 L25.517519,16 L25.517519,0.210803689 L26.6158339,0.210803689 L26.77895,1.98155468 C27.1704305,1.34914045 27.6760853,0.860783452 28.2959294,0.516469038 C28.9157736,0.172154625 29.6461638,0 30.487122,0 C31.9008017,0 33.0063551,0.546327431 33.8038155,1.63899868 C34.6012758,2.73166993 35,4.18795752 35,6.00790514 L35,6.22924901 Z M33.6950714,6.00790514 C33.6950714,4.56037924 33.3978407,3.37989038 32.8033702,2.46640316 C32.2088998,1.55291594 31.3389561,1.09617918 30.1935131,1.09617918 C29.3163067,1.09617918 28.6040403,1.29819736 28.0566925,1.70223979 C27.5093447,2.10628221 27.0979339,2.63152949 26.8224476,3.27799736 L26.8224476,8.75889328 C27.1196828,9.38428069 27.5492175,9.87615104 28.1110646,10.2345191 C28.6729116,10.5928872 29.3743037,10.7720685 30.2152619,10.7720685 C31.3534553,10.7720685 32.2179618,10.3574921 32.8088074,9.52832675 C33.399653,8.69916142 33.6950714,7.59947984 33.6950714,6.22924901 L33.6950714,6.00790514 Z"></path>
</g>
<g id="cloud+lightning" fill-rule="nonzero">
<path d="M16.6727659,5.80227568 C19.3272782,5.79961847 21.5566955,7.80517054 21.8247454,10.4483461 C22.0930089,13.0936275 20.3085737,15.5064139 17.7047412,16.033042 C17.4630865,16.081917 17.2286366,15.9201965 17.1810827,15.6718292 C17.1335287,15.423462 17.2908783,15.1824996 17.532533,15.1336246 C19.688772,14.6975228 21.1575392,12.7115602 20.9376591,10.5433746 C20.7175653,8.37308316 18.8763332,6.71673697 16.6732003,6.71894213 L15.4819499,6.71894213 C15.2798916,6.71894213 15.1030828,6.57931111 15.051046,6.37864496 C14.2411564,3.25551826 11.40746,1.06944441 8.15879339,1.06944444 C4.91012674,1.06944448 2.07643043,3.25551838 1.26654089,6.3786451 C0.457757316,9.49750698 1.87029392,12.768117 4.7067742,14.3319196 C4.92380959,14.4515751 5.00537319,14.7294042 4.88895162,14.9524684 C4.77253004,15.1755325 4.50220976,15.2593618 4.28517437,15.1397063 C1.08702458,13.3765088 -0.511414741,9.67545665 0.404733062,6.14257278 C1.31977491,2.61395375 4.51007196,0.152777814 8.15879338,0.152777778 C11.6890414,0.152777743 14.7901518,2.45672047 15.8165859,5.80227552 L16.6727659,5.80227568 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M8.62162162,16.1944444 C8.26294332,16.1944444 8.05102508,15.7813509 8.25366052,15.4771755 L12.0194263,9.82439775 C12.1585674,9.61553346 12.4361054,9.56214492 12.6393247,9.70515109 C12.842544,9.84815727 12.8944896,10.1334046 12.7553485,10.3422689 L9.46741271,15.2777778 L14.2702703,15.2777778 C14.6289486,15.2777778 14.8408668,15.6908713 14.6382314,15.9950467 L10.8724656,21.6478245 C10.7333245,21.8566888 10.4557865,21.9100773 10.2525672,21.7670711 C10.0493479,21.624065 9.99740226,21.3388176 10.1365434,21.1299533 L13.4244792,16.1944444 L8.62162162,16.1944444 Z" id="Shape" fill="#FD9800"></path>
</g>
</g>
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs></defs>
<title>9A34091F-52FF-4333-89C8-0C5FDDF57D62</title>
<desc>Created with sketchtool.</desc>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="zap_logo_white">
<g>
<g id="cloud+lightning" fill-rule="nonzero">
<path d="M16.6727659,5.80227568 C19.3272782,5.79961847 21.5566955,7.80517054 21.8247454,10.4483461 C22.0930089,13.0936275 20.3085737,15.5064139 17.7047412,16.033042 C17.4630865,16.081917 17.2286366,15.9201965 17.1810827,15.6718292 C17.1335287,15.423462 17.2908783,15.1824996 17.532533,15.1336246 C19.688772,14.6975228 21.1575392,12.7115602 20.9376591,10.5433746 C20.7175653,8.37308316 18.8763332,6.71673697 16.6732003,6.71894213 L15.4819499,6.71894213 C15.2798916,6.71894213 15.1030828,6.57931111 15.051046,6.37864496 C14.2411564,3.25551826 11.40746,1.06944441 8.15879339,1.06944444 C4.91012674,1.06944448 2.07643043,3.25551838 1.26654089,6.3786451 C0.457757316,9.49750698 1.87029392,12.768117 4.7067742,14.3319196 C4.92380959,14.4515751 5.00537319,14.7294042 4.88895162,14.9524684 C4.77253004,15.1755325 4.50220976,15.2593618 4.28517437,15.1397063 C1.08702458,13.3765088 -0.511414741,9.67545665 0.404733062,6.14257278 C1.31977491,2.61395375 4.51007196,0.152777814 8.15879338,0.152777778 C11.6890414,0.152777743 14.7901518,2.45672047 15.8165859,5.80227552 L16.6727659,5.80227568 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M8.62162162,16.1944444 C8.26294332,16.1944444 8.05102508,15.7813509 8.25366052,15.4771755 L12.0194263,9.82439775 C12.1585674,9.61553346 12.4361054,9.56214492 12.6393247,9.70515109 C12.842544,9.84815727 12.8944896,10.1334046 12.7553485,10.3422689 L9.46741271,15.2777778 L14.2702703,15.2777778 C14.6289486,15.2777778 14.8408668,15.6908713 14.6382314,15.9950467 L10.8724656,21.6478245 C10.7333245,21.8566888 10.4557865,21.9100773 10.2525672,21.7670711 C10.0493479,21.624065 9.99740226,21.3388176 10.1365434,21.1299533 L13.4244792,16.1944444 L8.62162162,16.1944444 Z" id="Shape" fill="#FD9800"></path>
</g>
</g>
</g>
</svg>
</g>
</svg>
@@ -97,7 +97,7 @@ class Home extends React.Component {
<Sidebar.medium pt={40}>
<Panel>
<Panel.Header mb={40} px={4}>
<ZapLogo height="32px" width="70px" />
<ZapLogo height={28} width={28} />
</Panel.Header>
<Panel.Body css={{ 'overflow-y': 'overlay' }}>
<WalletsMenu
@@ -1,22 +1,16 @@
import React from 'react'

const SvgZapLogo = props => (
<svg height="1em" viewBox="0 0 63 26" width="1em" {...props}>
<g fill="none" fillRule="evenodd">
<svg height="1em" viewBox="0 0 22 22" width="1em" {...props}>
<g fill="none" fillRule="nonzero">
<path
d="M29.61 20.55h7.644v1.065H28v-.927l7.09-9.392h-6.873v-1.085h8.515v.938L29.61 20.55zm18.588 1.065a11.16 11.16 0 0 1-.185-1.001 6.668 6.668 0 0 1-.054-.854c-.435.597-1.015 1.093-1.74 1.486-.725.394-1.54.59-2.447.59-1.145 0-2.035-.294-2.67-.885-.634-.59-.95-1.38-.95-2.371 0-1.054.468-1.898 1.407-2.53.94-.632 2.206-.949 3.8-.949h2.6V13.69c0-.815-.27-1.454-.81-1.918-.54-.464-1.296-.696-2.268-.696-.906 0-1.658.221-2.256.664-.598.443-.897.984-.897 1.623l-1.196-.01-.022-.063c-.044-.85.357-1.611 1.202-2.282.844-.671 1.919-1.007 3.224-1.007 1.297 0 2.341.32 3.132.96.79.639 1.185 1.556 1.185 2.75v5.608c0 .4.023.79.07 1.17.048.379.126.755.234 1.127h-1.359zm-4.274-.896c.936 0 1.762-.212 2.48-.637.718-.425 1.236-.968 1.555-1.629v-2.382h-2.62c-1.183 0-2.127.244-2.834.733-.706.488-1.06 1.094-1.06 1.818 0 .618.22 1.122.658 1.512.439.39 1.046.585 1.821.585zM63 16.23c0 1.708-.399 3.07-1.196 4.085-.798 1.015-1.896 1.523-3.295 1.523-.827 0-1.55-.151-2.17-.454a3.901 3.901 0 0 1-1.517-1.296V26h-1.304V10.21h1.098l.163 1.772a4.12 4.12 0 0 1 1.517-1.466c.62-.344 1.35-.516 2.191-.516 1.414 0 2.52.546 3.317 1.639C62.6 12.732 63 14.188 63 16.008v.221zm-1.305-.221c0-1.448-.297-2.628-.892-3.542-.594-.913-1.464-1.37-2.61-1.37-.877 0-1.589.202-2.136.606-.548.404-.96.93-1.235 1.576v5.48a3.482 3.482 0 0 0 1.29 1.477c.56.358 1.262.537 2.103.537 1.138 0 2.003-.415 2.594-1.244.59-.829.886-1.929.886-3.299v-.221z"
d="M16.673 5.802a5.17 5.17 0 0 1 5.152 4.646 5.168 5.168 0 0 1-4.12 5.585.447.447 0 0 1-.524-.361.458.458 0 0 1 .352-.538c2.156-.436 3.625-2.422 3.405-4.59-.22-2.17-2.062-3.827-4.265-3.825h-1.191a.448.448 0 0 1-.431-.34c-.81-3.123-3.644-5.31-6.892-5.31-3.249 0-6.083 2.187-6.892 5.31a7.059 7.059 0 0 0 3.44 7.953c.217.12.298.397.182.62a.44.44 0 0 1-.604.188 7.985 7.985 0 0 1-3.88-8.997A8.006 8.006 0 0 1 8.159.153a8.007 8.007 0 0 1 7.658 5.65h.856z"
fill="currentColor"
/>
<g fillRule="nonzero">
<path
d="M16.673 5.802a5.17 5.17 0 0 1 5.152 4.646 5.168 5.168 0 0 1-4.12 5.585.447.447 0 0 1-.524-.361.458.458 0 0 1 .352-.538c2.156-.436 3.625-2.422 3.405-4.59-.22-2.17-2.062-3.827-4.265-3.825h-1.191a.448.448 0 0 1-.431-.34c-.81-3.123-3.644-5.31-6.892-5.31-3.249 0-6.083 2.187-6.892 5.31a7.059 7.059 0 0 0 3.44 7.953c.217.12.298.397.182.62a.44.44 0 0 1-.604.188 7.985 7.985 0 0 1-3.88-8.997A8.006 8.006 0 0 1 8.159.153a8.007 8.007 0 0 1 7.658 5.65h.856z"
fill="currentColor"
/>
<path
d="M8.622 16.194c-.36 0-.571-.413-.368-.717l3.765-5.653a.438.438 0 0 1 .62-.119.466.466 0 0 1 .116.637l-3.288 4.936h4.803c.359 0 .57.413.368.717l-3.766 5.653a.438.438 0 0 1-.62.12.466.466 0 0 1-.115-.638l3.287-4.936H8.622z"
fill="#FD9800"
/>
</g>
<path
d="M8.622 16.194c-.36 0-.571-.413-.368-.717l3.765-5.653a.438.438 0 0 1 .62-.119.466.466 0 0 1 .116.637l-3.288 4.936h4.803c.359 0 .57.413.368.717l-3.766 5.653a.438.438 0 0 1-.62.12.466.466 0 0 1-.115-.638l3.287-4.936H8.622z"
fill="#FD9800"
/>
</g>
</svg>
)
@@ -82,7 +82,7 @@ class ConnectionType extends React.Component {
lndConnect={lndConnect}
>
<Box mb={6}>
<ZapLogo height={60} width={60} />
<ZapLogo height={56} width={56} />
</Box>

<Form
@@ -96,7 +96,7 @@ const SettingsPage = ({ currentConfig, ...rest }) => {
<Sidebar.medium pt={40}>
<Panel>
<Panel.Header mb={40} px={4}>
<ZapLogo height="32px" width="70px" />
<ZapLogo height={28} width={28} />
</Panel.Header>
<Panel.Body css={{ 'overflow-y': 'overlay' }}>
<SettingsMenu group={group} items={items} setGroup={setGroup} />
@@ -28,7 +28,7 @@ const ModalLogo = ({ hasLogo }) => (
<Flex justifyContent="space-between" px={3}>
{hasLogo && (
<Box color="primaryText">
<ZapLogo height="32px" width="70px" />
<ZapLogo height={28} width={28} />
</Box>
)}
</Flex>
@@ -6,7 +6,7 @@ import ZapLogo from 'components/Icon/ZapLogo'

const WalletLogo = ({ networkInfo }) => (
<Flex alignItems="center" as="section">
<ZapLogo height="32px" width="70px" />
<ZapLogo height={28} width={28} />
{networkInfo.id !== 'mainnet' && (
<Text color="superGreen" fontSize="xs" ml={2}>
{networkInfo.name}

0 comments on commit 96bc9ee

Please sign in to comment.
You can’t perform that action at this time.