OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix suggestion wrapping on small screens

Browse Source
This commit is contained in:
shamoon 2024-01-31 10:46:03 -08:00
parent b2f6ea6dc8
commit fe1829020c
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/quicklaunch.jsx
View File

@ -275,14 +275,14 @@ export default function QuickLaunch({
<div className="flex flex-col md:flex-row text-left items-baseline mr-4 pointer-events-none"> <div className="flex flex-col md:flex-row text-left items-baseline mr-4 pointer-events-none">
{r.type !== "searchSuggestion" && <span className="mr-4">{r.name}</span>} {r.type !== "searchSuggestion" && <span className="mr-4">{r.name}</span>}
{r.type === "searchSuggestion" && ( {r.type === "searchSuggestion" && (
<> <div class="flex-nowrap">
<span className="whitespace-pre"> <span className="whitespace-pre">
{r.name.indexOf(searchString) === 0 ? searchString : ""} {r.name.indexOf(searchString) === 0 ? searchString : ""}
</span> </span>
<span className="mr-4 whitespace-pre opacity-50"> <span className="mr-4 whitespace-pre opacity-50">
{r.name.indexOf(searchString) === 0 ? r.name.substring(searchString.length) : r.name} {r.name.indexOf(searchString) === 0 ? r.name.substring(searchString.length) : r.name}
</span> </span>
</> </div>
)} )}
{r.description && ( {r.description && (
<span className="text-xs text-theme-600 text-light"> <span className="text-xs text-theme-600 text-light">

2
src/components/widgets/search/search.jsx
View File

@ -233,7 +233,7 @@ export default function Search({ options }) {
{({ active }) => ( {({ active }) => (
<div <div
className={classNames( className={classNames(
"px-2 py-1 rounded-md w-full", "px-2 py-1 rounded-md w-full flex-nowrap",
active ? "bg-theme-300/20 dark:bg-white/10" : "", active ? "bg-theme-300/20 dark:bg-white/10" : "",
)} )}
> >