Skip to content

Commit

Permalink
navbar düzenlendi
Browse files Browse the repository at this point in the history
  • Loading branch information
mucahitdev committed Mar 10, 2022
1 parent 63d54e0 commit a66f588
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 35 deletions.
3 changes: 2 additions & 1 deletion blog/src/App.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,12 @@
}


.active {
.active span {
color: #595959;
background-color: rgba(141, 141, 141, 0.234);
border-radius: 20px;
}

.noDark {
isolation: isolate;
}
Expand Down
70 changes: 36 additions & 34 deletions blog/src/component/Header.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,55 +23,57 @@ function Header() {
<span className="navbar-toggler-icon"></span>
</button>
<div
className="collapse navbar-collapse ms-5 justify-content-center"
className="collapse navbar-collapse justify-content-center"
id="navbarCollapse"
>
<div className="navbar-nav">
<IntlProvider locale={data} messages={nav[data]}>
<NavLink
activeclassname="active"
to="/"
className="nav-link fw-bold"
>
<FormattedMessage id="home" />
</NavLink>
<NavLink
activeclassname="active"
to="about"
className="nav-link fw-bold"
>
<FormattedMessage id="about" />
</NavLink>
<NavLink
activeclassname="active"
to="/projects"
className="nav-link fw-bold"
>
<FormattedMessage id="projects" />
</NavLink>
<NavLink
activeclassname="active"
to="/contact"
className="nav-link fw-bold"
>
<FormattedMessage id="contact" />
</NavLink>
</IntlProvider>
<div className="">
<div className="navbar-nav">
<IntlProvider locale={data} messages={nav[data]}>
<NavLink
activeclassname="active"
to="/"
className="nav-link fw-bold"
>
<span className="px-3 py-2"><FormattedMessage id="home" /></span>
</NavLink>
<NavLink
activeclassname="active"
to="about"
className="nav-link fw-bold"
>
<span className="px-3 py-2"><FormattedMessage id="about" /></span>
</NavLink>
<NavLink
activeclassname="active"
to="/projects"
className="nav-link fw-bold"
>
<span className="px-3 py-2"><FormattedMessage id="projects" /></span>
</NavLink>
<NavLink
activeclassname="active"
to="/contact"
className="nav-link fw-bold"
>
<span className="px-3 py-2"><FormattedMessage id="contact" /></span>
</NavLink>
</IntlProvider>
</div>
</div>
</div>
{data === "en-US" ? (
<button
className="btn lang-btn shadow-none"
onClick={() => handleChange("tr-TR")}
>
🇹🇷
🇹🇷
</button>
) : (
<button
className="btn lang-btn shadow-none"
onClick={() => handleChange("en-US")}
>
🇬🇧
🇬🇧
</button>
)}
</div>
Expand Down

0 comments on commit a66f588

Please sign in to comment.