diff --git a/public/README.md b/public/README.md index 6179489..d3e9176 100644 --- a/public/README.md +++ b/public/README.md @@ -1,3 +1,3 @@ # ShareChess -This repo contains production files for [sharechess.github.io](https://sharechess.github.io/). You can find a source code here: [github.com/sharechess/sharechess](https://github.com/sharechess/sharechess). +This repo contains production files for [sharechess.github.io](https://sharechess.github.io/). You can find the source code here: [github.com/sharechess/sharechess](https://github.com/sharechess/sharechess). diff --git a/src/ui/components/Header.css b/src/ui/components/Header.css index 34ce9df..ae9c060 100644 --- a/src/ui/components/Header.css +++ b/src/ui/components/Header.css @@ -5,7 +5,7 @@ top: 0; width: 100%; display: grid; - grid-template-columns: 2fr 1fr; + grid-template-columns: 1fr 1fr; font-size: 1.8rem; } @@ -33,14 +33,20 @@ font-size: 2.4rem; position: relative; top: -0.2rem; - color: var(--color-text); padding-top: 1rem; height: 100%; margin-left: 0.5rem; text-align: center; } -.header__options-ico:hover { +.header__options-ico, +.header__options-ico > a, +.header__options-ico > a:visited { + color: var(--color-text); +} + +.header__options-ico:hover, +.header__options-ico > a:hover { color: var(--color-btn); cursor: pointer; } diff --git a/src/ui/components/Header.tsx b/src/ui/components/Header.tsx index e81fbed..eb9bddb 100644 --- a/src/ui/components/Header.tsx +++ b/src/ui/components/Header.tsx @@ -17,6 +17,7 @@ const Header: Component<{ handlers: Handlers }> = (props) => { {/*
{}}>
*/} +
{ @@ -63,6 +64,11 @@ const Header: Component<{ handlers: Handlers }> = (props) => { }} >
+
+ + + +
);