File tree 3 files changed +19
-4
lines changed
3 files changed +19
-4
lines changed Original file line number Diff line number Diff line change @@ -4,6 +4,8 @@ import Slogan from './components/slogan'
4
4
import SearchForm from './components/search-form'
5
5
import TrendingTopics from './components/trending-topics'
6
6
import { cn } from '@/library/utilities'
7
+ import { Popover , PopoverContent , PopoverTrigger } from '@/components/ui/popover'
8
+ import { FiHelpCircle } from 'react-icons/fi'
7
9
8
10
const spaceGrotesk = Space_Grotesk ( { subsets : [ 'latin' ] } )
9
11
@@ -15,7 +17,20 @@ export default function Home() {
15
17
< SearchForm />
16
18
</ div >
17
19
< div className = "w-full lg:w-3/4 xl:w-3/5 flex flex-col justify-center gap-y-4" >
18
- < h1 className = { cn ( 'text-xl' , spaceGrotesk . className ) } > Trending queries</ h1 >
20
+ < div className = "flex flex-row align-middle items-center gap-x-1 text-xl" >
21
+ < h2 className = { cn ( 'text-xl' , spaceGrotesk . className ) } > Trending queries</ h2 >
22
+ < Popover >
23
+ < PopoverTrigger >
24
+ < FiHelpCircle className = "text-muted-foreground" />
25
+ </ PopoverTrigger >
26
+ < PopoverContent className = "dark:bg-[#202020]/40 bg-neutral-400/10 backdrop-blur-lg filter mr-10 sm:mr-0" >
27
+ < p >
28
+ SciSight keeps track of recent and most accessed queries. Click on a trending query
29
+ to search about it!
30
+ </ p >
31
+ </ PopoverContent >
32
+ </ Popover >
33
+ </ div >
19
34
< TrendingTopics />
20
35
</ div >
21
36
</ main >
Original file line number Diff line number Diff line change @@ -297,7 +297,7 @@ export default function Results({
297
297
</ div >
298
298
{ nasaEvents ? (
299
299
< >
300
- < div className = "flex relative items-center w-full max-w-screen flex-col justify-center" >
300
+ < div className = "flex relative items-center w-full max-w-screen flex-col gap-y-4 justify-center" >
301
301
< div className = "absolute top-0 right-0 z-10 text-2xl sm:text-4xl" >
302
302
< Popover >
303
303
< PopoverTrigger >
@@ -407,7 +407,7 @@ export default function Results({
407
407
</ >
408
408
) : (
409
409
< >
410
- < div className = "flex relative items-center w-full max-w-screen flex-col justify-center" >
410
+ < div className = "flex relative items-center w-full max-w-screen flex-col gap-y-4 justify-center" >
411
411
< div className = "absolute top-0 right-0 z-10 text-2xl sm:text-4xl" >
412
412
< Popover >
413
413
< PopoverTrigger >
Original file line number Diff line number Diff line change @@ -18,7 +18,7 @@ export default function Actions() {
18
18
</ a >
19
19
< div className = "flex flex-row gap-x-4 items-center text-2xl" >
20
20
< Link
21
- href = "https://github.com/ojpbarbosa/github "
21
+ href = "https://github.com/ojpbarbosa/scisight "
22
22
referrerPolicy = "no-referrer"
23
23
target = "_blank"
24
24
>
You can’t perform that action at this time.
0 commit comments