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

Adding menu icons

Browse source
This commit is contained in:
z0ccc 2021-06-08 23:56:01 -04:00
parent cfe6979c9c
commit e754ce5f80
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/App.css
View file

@ -29,6 +29,8 @@ body {
} }
.menu { .menu {
display: flex;
align-items: center;
margin: 0 6px 0 0; margin: 0 6px 0 0;
} }
@ -46,6 +48,11 @@ tr {
margin: 8px 0; margin: 8px 0;
} }
tr:hover {
color: var(--main-dark);
cursor: pointer;
}
td { td {
vertical-align: top; vertical-align: top;
} }

6
src/App.jsx
View file

@ -2,7 +2,7 @@ import * as React from 'react';
import { useEffect } from 'react'; import { useEffect } from 'react';
import * as Bowser from 'bowser'; import * as Bowser from 'bowser';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCog } from '@fortawesome/free-solid-svg-icons'; import { faExternalLinkAlt, faCog } from '@fortawesome/free-solid-svg-icons';
import './App.css'; import './App.css';
const updateDOM = (id, text) => { const updateDOM = (id, text) => {
@ -62,8 +62,8 @@ const App = () => {
<div className="header"> <div className="header">
<div className="logoImage" /> <div className="logoImage" />
<div className="menu"> <div className="menu">
{/* <FontAwesomeIcon icon={['fal', 'coffee']} /> */} <FontAwesomeIcon icon={faExternalLinkAlt} size="lg" color="#AAB7B8" />
<FontAwesomeIcon icon={faCog} /> <FontAwesomeIcon icon={faCog} size="lg" color="#AAB7B8" />
</div> </div>
</div> </div>
<table> <table>