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

chore: Enhancement + New Feature (#185)

Browse Source 
* wip

* wip page

* chore: style

* wip pages

* wip pages

* chore: toggle

* chore: link

* feat: topic search

* chore: page section

* refactor: apply tailwind class ordering

* fix: handle loggedIn user for guest route

* feat: folder & image schema

* chore: move utils to shared

* refactor: tailwind class ordering

* feat: img ext for editor

* refactor: remove qa

* fix: tanstack start

* fix: wrong import

* chore: use toast

* chore: schema
This commit is contained in:
Aslam
2024-10-18 21:18:20 +07:00
committed by GitHub
parent c93c634a77
commit a440828f8c
158 changed files with 2808 additions and 1064 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/app/routes/_layout/(landing)/-components/autocomplete.tsx
View File

@@ -104,10 +104,13 @@ export function Autocomplete({
return (
<Command
className={cn("relative mx-auto max-w-md overflow-visible shadow-md", {
"rounded-lg border": !open,
"rounded-none rounded-t-lg border-l border-r border-t": open,
})}
className={cn(
"relative mx-auto max-w-md overflow-visible bg-background shadow-md",
{
"rounded-lg border": !open,
"rounded-none rounded-t-lg border-l border-r border-t": open,
},
)}
>
<div className="relative flex items-center">
<CommandPrimitive.Input
@@ -125,7 +128,7 @@ export function Autocomplete({
}}
placeholder={filteredTopics[0]?.prettyName}
className={cn(
"placeholder:text-muted-foreground flex-1 bg-transparent min-h-10 px-3 py-1 sm:py-3 sm:px-4 outline-none",
"min-h-10 flex-1 bg-transparent px-3 py-1 outline-none placeholder:text-muted-foreground sm:px-4 sm:py-3",
)}
autoFocus
/>
@@ -138,7 +141,7 @@ export function Autocomplete({
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -10 }}
transition={{ duration: 0.1 }}
className="bg-background absolute left-0 right-0 z-10 -mx-px rounded-b-lg border-b border-l border-r border-t shadow-lg"
className="absolute left-0 right-0 z-10 -mx-px rounded-b-lg border-b border-l border-r border-t bg-background shadow-lg"
>
<CommandList className="max-h-56">
<CommandGroup className="my-2">
@@ -150,7 +153,7 @@ export function Autocomplete({
className="min-h-10 rounded-none px-3 py-1.5"
>
<span>{topic.prettyName}</span>
<span className="text-muted-foreground/80 ml-auto text-xs">
<span className="ml-auto text-xs text-muted-foreground/80">
{topic.connectedTopics.length > 0 &&
topic.connectedTopics.join(", ")}
</span>