nochill/hilingriviw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add links for header

Browse Source
This commit is contained in:
NCanggoro 2023-09-17 16:26:20 +07:00
parent bd6baa69a5
commit 976cdd1fc3
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Header/index.tsx
View File

@ -30,7 +30,9 @@ function Header() {
return ( return (
<header> <header>
<div className="flex flex-row content"> <div className="flex flex-row content">
<a href={"/"}>
<h1 className={`title ${dropdown ? 'title-dropdown' : ""}`}>Hilingin</h1> <h1 className={`title ${dropdown ? 'title-dropdown' : ""}`}>Hilingin</h1>
</a>
<form onSubmit={onSearchSubmit} className={`search-input ${dropdown ? "search-input-dropdown" : ""}`}> <form onSubmit={onSearchSubmit} className={`search-input ${dropdown ? "search-input-dropdown" : ""}`}>
<label> <label>
<input <input
@ -50,11 +52,11 @@ function Header() {
{dropdown && {dropdown &&
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Home</a> <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Home</a>
} }
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Best places</a> <a href="/best-places" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Top Places</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Discover</a> <a href="/discover" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Discover</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Trending Places</a> <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Trending Places</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Stories</a> <a href="/stories" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Stories</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>News / Events</a> <a href="/news-events" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>News / Events</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Forum</a> <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Forum</a>
<a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Sign in</a> <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Sign in</a>
</div> </div>

2
src/components/Header/style.css
View File

@ -99,7 +99,7 @@ label:before {
.navLink { .navLink {
padding: 0px 30px; padding: 0px 30px;
font-size: 14px; font-size: 0.8em;
} }

2
src/components/index.ts
View File

@ -1,9 +1,11 @@
import Header from "./Header"; import Header from "./Header";
import SeparatorWithAnchor from "./Separator/WithAnchor"; import SeparatorWithAnchor from "./Separator/WithAnchor";
import DefaultSeparator from "./Separator/Default";
import Footer from './Footer/'; import Footer from './Footer/';
export { export {
Header, Header,
SeparatorWithAnchor, SeparatorWithAnchor,
DefaultSeparator,
Footer Footer
} }