starred/archived-linsa
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-01-12 12:20:23 +01:00
Code Issues 2 Packages Projects Releases Wiki Activity

Fix placement of the title and search on landing page

Browse Source
This commit is contained in:
Damian Tarnawski
2024-09-06 15:58:16 +02:00
parent f909a01d62
commit a4c23ecbbf
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
web/components/routes/public/PublicHomeRoute.tsx
View File

@@ -40,27 +40,27 @@ export function PublicHomeRoute() {
filter_query={filterQuery} filter_query={filterQuery}
/> />
<motion.div <div className="absolute left-1/2 top-1/2 w-full max-w-md -translate-x-1/2 -translate-y-1/2 transform max-sm:px-5">
className="absolute left-1/2 top-1/2 w-full max-w-md -translate-x-1/2 -translate-y-1/2 transform max-sm:px-5" <motion.div
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5 }}
style={{ x: "-50%", y: "-50%" }}
>
<motion.h1
className="mb-2 text-center text-3xl font-bold uppercase sm:mb-4 md:text-5xl"
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.2 }} transition={{ duration: 0.5 }}
> >
I want to learn <motion.h1
</motion.h1> className="mb-2 text-center text-3xl font-bold uppercase sm:mb-4 md:text-5xl"
<Autocomplete initial={{ opacity: 0, y: -20 }}
topics={raw_graph_data} animate={{ opacity: 1, y: 0 }}
onSelect={topic => handleTopicSelect(topic.name)} transition={{ duration: 0.5, delay: 0.2 }}
onInputChange={handleInputChange} >
/> I want to learn
</motion.div> </motion.h1>
<Autocomplete
topics={raw_graph_data}
onSelect={topic => handleTopicSelect(topic.name)}
onInputChange={handleInputChange}
/>
</motion.div>
</div>
</div> </div>
</> </>
) )