From cb592dfd9c8688cac459762645ef10e026b41c89 Mon Sep 17 00:00:00 2001 From: Maksym Bykovskyy Date: Mon, 23 Mar 2020 16:39:11 -0700 Subject: [PATCH] Updated logo and favicon --- .../webide/packages/client/public/circle.svg | 27 +++++++++++++ .../webide/packages/client/public/index.html | 2 +- tools/webide/packages/client/public/logo.svg | 39 ++++++++++++++++++- .../packages/client/src/components/header.tsx | 34 +++++----------- 4 files changed, 76 insertions(+), 26 deletions(-) create mode 100644 tools/webide/packages/client/public/circle.svg diff --git a/tools/webide/packages/client/public/circle.svg b/tools/webide/packages/client/public/circle.svg new file mode 100644 index 000000000..1bc5f2efb --- /dev/null +++ b/tools/webide/packages/client/public/circle.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/tools/webide/packages/client/public/index.html b/tools/webide/packages/client/public/index.html index ef36e557c..7d5c78cf0 100644 --- a/tools/webide/packages/client/public/index.html +++ b/tools/webide/packages/client/public/index.html @@ -2,7 +2,7 @@ - + diff --git a/tools/webide/packages/client/public/logo.svg b/tools/webide/packages/client/public/logo.svg index 53cd25eeb..74c0a5daf 100644 --- a/tools/webide/packages/client/public/logo.svg +++ b/tools/webide/packages/client/public/logo.svg @@ -1 +1,38 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/tools/webide/packages/client/src/components/header.tsx b/tools/webide/packages/client/src/components/header.tsx index b4eb4bc45..e3e3f826f 100644 --- a/tools/webide/packages/client/src/components/header.tsx +++ b/tools/webide/packages/client/src/components/header.tsx @@ -1,13 +1,14 @@ import React from 'react'; -import styled, { css } from 'styled-components'; +import styled from 'styled-components'; const Container = styled.div` display: flex; justify-content: space-between; align-items: center; - padding: 0.2em 1em; + padding: 0.5em 1em; font-family: 'DM Sans', 'Open Sans', sans-serif; + box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); `; @@ -16,42 +17,27 @@ const Group = styled.div` align-items: center; `; -const Logo = styled.div` - font-size: 1.25em; +const Logo = styled.img` + height: 32px; `; const Link = styled.a` text-decoration: none; color: black; - padding: 0.5em 1em; + padding: 0em 1em; &:hover { - color: #3aa0ff; + color: #0e74ff; } - - ${(props: { versionStyle?: boolean }) => - props.versionStyle && - css` - background-color: #efefef; - font-weight: 600; - margin-left: 3em; - - &:hover { - color: black; - } - `} `; export const HeaderComponent = () => { return ( - - LIGO - - - next - + + + Docs