LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

add vega icon

Browse Source
This commit is contained in:
Matthew Russell 2022-03-01 16:43:45 -08:00
parent 1bb24bbaed
commit ed185e3bea
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/trading/components/icons/vega.tsx Normal file
View File

@ -0,0 +1,13 @@
export function Vega({ className }: { className?: string }) {
return (
<svg className="w-[76px] h-[16px]" viewBox="0 0 283.5 61.3">
<path d="M26.6,53.1L44,0h8.8L31.2,61.3h-9.5L0,0h8.9L26.6,53.1z" />
<path d="M89.6,33.3v21.1h34.3v6.9H81.3V0h41.7V7H89.6v19.3h29.8v6.9H89.6z" />
<path
d="M156.8,7.5h7.4V54h-7.4V7.5z M193.7,0v7.5h-29.5V0H193.7z M164.2,61.3V54h29.5v7.4H164.2z M201.1,54h-7.4V39.2H179v-7.4
h22.1V54z M201.1,7.5v7.4h-7.4V7.5H201.1z"
/>
<path d="M283.5,61.3h-8.6L270.4,49h-30.8L235,61.3h-8.4L250.4,0h9.3L283.5,61.3z M254.8,7.4L242.2,42h25.6L255,7.4H254.8z" />
</svg>
);
}

12
apps/trading/components/navbar/index.tsx
View File

@ -1,10 +1,20 @@
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import classNames from 'classnames'; import classNames from 'classnames';
import { Vega } from '../icons/vega';
import Link from 'next/link';
export const Navbar = () => { export const Navbar = () => {
const navClasses = classNames('border-neutral-200 border-b'); const navClasses = classNames(
'flex items-center',
'border-neutral-200 border-b'
);
return ( return (
<nav className={navClasses}> <nav className={navClasses}>
<Link href="/" passHref={true}>
<a className="px-8">
<Vega />
</a>
</Link>
{[ {[
{ name: 'Portfolio', path: '/portfolio' }, { name: 'Portfolio', path: '/portfolio' },
{ name: 'Markets', path: '/markets' }, { name: 'Markets', path: '/markets' },