@@ -11,29 +11,27 @@ import Search, { SearchProps } from './Search';
11
11
const SearchBar = ( props : SearchProps ) => {
12
12
const router = useRouter ( ) ;
13
13
14
- return ( router . pathname === '/repos/[language]' ? (
14
+ return ( router . pathname === '/repos/[language]' && (
15
15
< Search { ...props } />
16
16
)
17
- :
18
- < div className = { props as string } > </ div >
19
17
)
20
18
}
21
19
22
20
function Header ( ) {
23
21
return (
24
22
< header className = "border-b-[0.5px] border-dashed border-b-2023-manga-3 mb-5" >
25
23
< 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" >
27
25
< Link href = "/" >
28
26
< img src = "/hacktoberfest.svg" alt = "Hacktoberfest" className = "h-12 w-auto sm:h-auto" />
29
27
</ Link >
30
28
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" />
32
30
33
- < div className = "flex-none md:justify-end " >
31
+ < div className = "flex-none lg:ml-40 md:10 " >
34
32
< Link
35
33
href = "/contributors"
36
- className = "btn btn-square btn-ghost umami--click--contributors-button"
34
+ className = "btn btn-square btn-ghost umami--click--contributors-button "
37
35
>
38
36
< BsPeopleFill size = "1.5rem" color = 'white' title = "Contributors" />
39
37
</ Link >
@@ -42,7 +40,7 @@ function Header() {
42
40
href = "https://github.com/max-programming/hacktoberfest-projects"
43
41
target = "_blank"
44
42
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- "
46
44
>
47
45
< IoLogoGithub size = "1.5rem" color = 'white' title = "GitHub" />
48
46
</ a >
@@ -55,4 +53,4 @@ function Header() {
55
53
) ;
56
54
}
57
55
58
- export default Header ;
56
+ export default Header ;
0 commit comments