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