alikia2x/sparkast
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: style of suggestion item

Browse Source
This commit is contained in:
Alikia2x 2024-06-14 19:55:29 +08:00
parent 24f23b3573
commit f85162622d
5 changed files with 4276 additions and 3342 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/search/onesearch/plainSearch.tsx
View File

@ -9,7 +9,7 @@ export default function (props: { children: React.ReactNode; query: string; sele
if (props.selected) { if (props.selected) {
return ( return (
<div <div
className={`w-full h-10 leading-10 bg-zinc-300 dark:bg-zinc-700 className={`relative w-full h-10 leading-10 bg-zinc-300 dark:bg-zinc-700
px-5 z-10 cursor-pointer duration-100 truncate`} px-5 z-10 cursor-pointer duration-100 truncate`}
onClick={() => { onClick={() => {
search(props.query, engine, newTab); search(props.query, engine, newTab);
@ -22,7 +22,7 @@ export default function (props: { children: React.ReactNode; query: string; sele
else { else {
return ( return (
<div <div
className={`w-full h-10 leading-10 bg-zinc-100 hover:bg-zinc-300 className={`relative w-full h-10 leading-10 bg-zinc-100 hover:bg-zinc-300
dark:bg-zinc-800 hover:dark:bg-zinc-700 px-5 z-10 cursor-pointer duration-100 truncate`} dark:bg-zinc-800 hover:dark:bg-zinc-700 px-5 z-10 cursor-pointer duration-100 truncate`}
onClick={() => { onClick={() => {
search(props.query, engine, newTab); search(props.query, engine, newTab);

4
components/search/onesearch/plainText.tsx
View File

@ -2,7 +2,7 @@ export default function (props: { children: React.ReactNode; selected: boolean }
if (props.selected) { if (props.selected) {
return ( return (
<div <div
className={`block w-full h-auto leading-6 break-all py-[0.6rem] bg-zinc-300 dark:bg-zinc-700 className={`relative w-full h-auto leading-6 break-all py-[0.6rem] bg-zinc-300 dark:bg-zinc-700
px-5 z-10 cursor-pointer duration-100`} px-5 z-10 cursor-pointer duration-100`}
> >
{props.children} {props.children}
@ -11,7 +11,7 @@ export default function (props: { children: React.ReactNode; selected: boolean }
} else { } else {
return ( return (
<div <div
className={`block w-full h-auto leading-6 break-all py-[0.6rem] bg-zinc-100 hover:bg-zinc-300 className={`relative w-full h-auto leading-6 break-all py-[0.6rem] bg-zinc-100 hover:bg-zinc-300
dark:bg-zinc-800 hover:dark:bg-zinc-700 px-5 z-10 cursor-pointer duration-100`} dark:bg-zinc-800 hover:dark:bg-zinc-700 px-5 z-10 cursor-pointer duration-100`}
> >
{props.children} {props.children}

2
components/search/onesearch/suggestion.tsx
View File

@ -1,6 +1,6 @@
export default function(props: { children: React.ReactNode }) { export default function(props: { children: React.ReactNode }) {
return ( return (
<div dangerouslySetInnerHTML={{ __html: `<p>${props.children}</p>` as string }} className={`w-full h-10 leading-10 bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-800 hover:dark:bg-zinc-700 px-5 z-10 cursor-pointer duration-100`}> <div dangerouslySetInnerHTML={{ __html: `<p>${props.children}</p>` as string }} className={`relative w-full h-10 leading-10 bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-800 hover:dark:bg-zinc-700 px-5 z-10 cursor-pointer duration-100`}>
</div> </div>
); );
} }

5
components/search/onesearch/suggestionBox.tsx
View File

@ -1,7 +1,8 @@
export default function(props: { children?: React.ReactNode }) { export default function(props: { children?: React.ReactNode }) {
return ( return (
<div className={`relative bg-zinc-100 dark:bg-zinc-800 w-11/12 sm:w-[700px] h-auto left-1/2 <div className={`relative bg-zinc-100 dark:bg-zinc-800 w-11/12 sm:w-[700px] h-auto max-h-[calc(100vh-20rem)]
translate-x-[-50%] top-72 z-20 rounded-md overflow-hidden duration-250 ${props.children ? "opacity-100" : "opacity-0"}`}> overflow-y-auto left-1/2 translate-x-[-50%] top-72 z-20 rounded-md overflow-hidden duration-250
${props.children ? "opacity-100" : "opacity-0"}`}>
{props.children} {props.children}
</div> </div>
); );

7401
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff