Skip to content

Commit a692609

Browse files
committed
just added conditional margins
1 parent 401af14 commit a692609

File tree

1 file changed

+7
-9
lines changed

1 file changed

+7
-9
lines changed

components/Header.tsx

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,29 +11,27 @@ import Search, { SearchProps } from './Search';
1111
const SearchBar = (props: SearchProps) => {
1212
const router = useRouter();
1313

14-
return (router.pathname === '/repos/[language]' ?(
14+
return (router.pathname === '/repos/[language]' && (
1515
<Search {...props} />
1616
)
17-
:
18-
<div className={props as string}></div>
1917
)
2018
}
2119

2220
function Header() {
2321
return (
2422
<header className="border-b-[0.5px] border-dashed border-b-2023-manga-3 mb-5">
2523
<div className="container mx-auto px-4 py-2">
26-
<div className="justify-between lg:grid lg:grid-cols-3 shadow-lg navbar">
24+
<div className="justify-between shadow-lg navbar">
2725
<Link href="/">
2826
<img src="/hacktoberfest.svg" alt="Hacktoberfest" className="h-12 w-auto sm:h-auto" />
2927
</Link>
3028

31-
<SearchBar searchBarWrapperStyles="hidden sm:inline-flex flex-1 max-w-md px-6 md:ml-5" />
29+
<SearchBar searchBarWrapperStyles="hidden sm:inline-flex flex-1 max-w-md px-6" />
3230

33-
<div className="flex-none md:justify-end">
31+
<div className="flex-none lg:ml-40 md:10">
3432
<Link
3533
href="/contributors"
36-
className="btn btn-square btn-ghost umami--click--contributors-button"
34+
className="btn btn-square btn-ghost umami--click--contributors-button "
3735
>
3836
<BsPeopleFill size="1.5rem" color='white' title="Contributors" />
3937
</Link>
@@ -42,7 +40,7 @@ function Header() {
4240
href="https://github.com/max-programming/hacktoberfest-projects"
4341
target="_blank"
4442
rel="noreferrer"
45-
className="btn btn-square btn-ghost umami--click--github-button"
43+
className="btn btn-square btn-ghost umami--click--github-button ml-"
4644
>
4745
<IoLogoGithub size="1.5rem" color='white' title="GitHub" />
4846
</a>
@@ -55,4 +53,4 @@ function Header() {
5553
);
5654
}
5755

58-
export default Header;
56+
export default Header;

0 commit comments

Comments
 (0)