andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

App: remove unused NavBar component

Browse Source
This commit is contained in:
rektdeckard
2020-08-10 16:02:06 -04:00
parent 4dc8bc7ac6
commit c367bd79d1
3 changed files with 0 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/NavBar/NavBar.css
View File

@@ -1,64 +0,0 @@
nav {
display: flex;
align-items: center;
height: 96px;
width: 83.33%;
margin: auto;
}
nav > div {
flex: 1;
}
.title-container {
display: flex;
align-items: center;
}
.title {
display: flex;
align-items: baseline;
}
.title h1 {
font-size: 24px;
line-height: 32px;
margin: 0px 16px 0px 8px;
}
.title small {
margin-top: 4px;
color: #b2b2b2;
font-size: 16px;
}
.links {
display: flex;
justify-content: flex-end;
padding-right: 32;
text-align: end;
}
.links a:not(:first-child) {
margin-left: 48px;
}
a.nav-link {
text-decoration: none;
position: relative;
color: black;
}
a.nav-link:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
border-bottom: 1px solid black;
transition: 0.2s;
}
a.nav-link:hover:after {
width: 100%;
}

35
src/components/NavBar/NavBar.tsx
View File

@@ -1,35 +0,0 @@
import React from "react";
import "./NavBar.css";
type NavBarProps = {};
const NavBar: React.FC<NavBarProps> = () => {
return (
<nav>
<div className="title-container">
<div
style={{
height: 32,
width: 32,
backgroundColor: "black",
borderRadius: "50%",
}}
></div>
<div className="title">
<h1>Phosphor Icons</h1>
<small>v0.1.6</small>
</div>
</div>
<div className="links">
<a className="nav-link" href="#">Download</a>
<a className="nav-link" href="https://github.com/rektdeckard/phosphor-web/issues">Request</a>
<a className="nav-link" href="#">Donate</a>
<a className="nav-link" href="https://github.com/rektdeckard/phosphor-react">
<span>Github</span>
</a>
</div>
</nav>
);
};
export default NavBar;

1
src/components/index.ts
View File

@@ -1,6 +1,5 @@
export { default as App } from "./App/App"; export { default as App } from "./App/App";
export { default as Header } from "./Header/Header"; export { default as Header } from "./Header/Header";
export { default as NavBar } from "./NavBar/NavBar";
export { default as Panorama } from "./Panorama/Panorama"; export { default as Panorama } from "./Panorama/Panorama";
export { default as Info } from "./Info/Info"; export { default as Info } from "./Info/Info";
export { default as Toolbar } from "./Toolbar/Toolbar"; export { default as Toolbar } from "./Toolbar/Toolbar";