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> <body>
<div class="checkBoxWrap"> <div class="checkBoxWrap">
<input type="checkbox" id="sendData" name="sendData"/> <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>
<div class="optionText">Github: <a target="_blank" href="https://github.com/z0ccc/vytal-extension">https://github.com/z0ccc/vytal-extension</a></div> <div class="optionText">Github: <a target="_blank" href="https://github.com/z0ccc/vytal-extension">https://github.com/z0ccc/vytal-extension</a></div>
</body> </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 { faExternalLinkAlt, faCog } from '@fortawesome/free-solid-svg-icons';
import Logo from '../images/logo.svg'; import Logo from '../images/logo.svg';
const openOptions = () => {
chrome.runtime.openOptionsPage();
};
const Navbar = () => ( const Navbar = () => (
<div className="navbar"> <div className="navbar">
<div className="logo"> <div className="logo">
@ -10,11 +14,18 @@ const Navbar = () => (
</div> </div>
<div className="menu"> <div className="menu">
<a href="https://vytal.io" target="_blank" rel="noreferrer"> <a href="https://vytal.io" target="_blank" rel="noreferrer">
<FontAwesomeIcon icon={faExternalLinkAlt} size="lg" /> <FontAwesomeIcon
</a> icon={faExternalLinkAlt}
<a href="url" target="_blank"> size="lg"
<FontAwesomeIcon icon={faCog} size="lg" /> className="navIcon"
/>
</a> </a>
<FontAwesomeIcon
icon={faCog}
size="lg"
className="navIcon"
onClick={openOptions}
/>
</div> </div>
</div> </div>
); );

5
src/styles/App.css
View file

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