me/vytal-redux
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Finished options page

Browse source
This commit is contained in:
z0ccc 2021-06-26 20:27:42 -04:00
parent 096fb4790d
commit 923dd17038
3 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/options.html
View file

@ -7,7 +7,7 @@
<body>
<div class="checkBoxWrap">
<input type="checkbox" id="sendData" name="sendData"/>
<label for="sendData">Do not send anonymous data to improve fingerprint accuracy</label>
<label for="sendData">Do not send anonymous data that improves fingerprint accuracy</label>
</div>
<div class="optionText">Github: <a target="_blank" href="https://github.com/z0ccc/vytal-extension">https://github.com/z0ccc/vytal-extension</a></div>
</body>

19
src/components/Navbar.js
View file

@ -3,6 +3,10 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faExternalLinkAlt, faCog } from '@fortawesome/free-solid-svg-icons';
import Logo from '../images/logo.svg';
const openOptions = () => {
chrome.runtime.openOptionsPage();
};
const Navbar = () => (
<div className="navbar">
<div className="logo">
@ -10,11 +14,18 @@ const Navbar = () => (
</div>
<div className="menu">
<a href="https://vytal.io" target="_blank" rel="noreferrer">
<FontAwesomeIcon icon={faExternalLinkAlt} size="lg" />
</a>
<a href="url" target="_blank">
<FontAwesomeIcon icon={faCog} size="lg" />
<FontAwesomeIcon
icon={faExternalLinkAlt}
size="lg"
className="navIcon"
/>
</a>
<FontAwesomeIcon
icon={faCog}
size="lg"
className="navIcon"
onClick={openOptions}
/>
</div>
</div>
);

5
src/styles/App.css
View file

@ -18,11 +18,12 @@ body {
overflow: overlay
}
a {
.navIcon {
color: var(--icon);
cursor: pointer;
}
a:hover {
.navIcon:hover {
color: var( --main);
}