Llewellyn/conky
1
0
Fork 0
mirror of https://github.com/Llewellynvdm/conky.git synced 2025-01-27 00:58:36 +00:00
Code Issues Releases Activity

Make search transitions less annoying.

Browse Source
This commit is contained in:
Brenden Matthews 2022-10-01 18:27:06 -05:00 committed by Brenden Matthews
parent ca55666d1d
commit f39723fc1f
2 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/components/Search.tsx
View File

@ -139,24 +139,18 @@ const Search: React.FunctionComponent<SearchProps> = (props) => {
enter="ease-out duration-300"
enterFrom="opacity-0"
enterTo="opacity-100"
leave="ease-in duration-200"
leaveFrom="opacity-100"
leaveTo="opacity-0"
>
<div className="fixed inset-0 bg-black bg-opacity-25 backdrop-blur-sm" />
</Transition.Child>
<div className="fixed inset-0">
<div className="flex h-screen w-screen items-center justify-center p-16 text-center">
<Transition.Child
as={Fragment}
enter="ease-out duration-300"
enterFrom="opacity-0 scale-95"
enterTo="opacity-100 scale-100"
leave="ease-in duration-200"
leaveFrom="opacity-100 scale-100"
leaveTo="opacity-0 scale-95"
>
<Transition.Child
as={Fragment}
enter="ease-out duration-300"
enterFrom="opacity-0 scale-95"
enterTo="opacity-100 scale-100"
>
<div className="fixed inset-0">
<div className="flex h-screen w-screen items-start justify-center p-16 text-center">
<Dialog.Panel className="flex flex-col max-h-full w-full max-w-2xl p-1 bg-gray-200 dark:bg-gray-800 transform rounded-xl text-left align-middle shadow transition-all border border-gray-800 dark:border-white border-opacity-10 dark:border-opacity-10">
<Combobox value={selected} nullable onChange={onChange}>
<div className="flex">
@ -190,9 +184,9 @@ const Search: React.FunctionComponent<SearchProps> = (props) => {
</Combobox.Options>
</Combobox>
</Dialog.Panel>
</Transition.Child>
</div>
</div>
</div>
</Transition.Child>
</Dialog>
</Transition>
</>

2
web/pages/_document.tsx
View File

@ -4,7 +4,7 @@ import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
render() {
return (
<Html lang="en" className="theme-compiled">
<Html lang="en" className="theme-compiled scroll-smooth">
<Head />
<body
className={`antialiased text-lg bg-white dark:bg-gray-900 dark:text-white leading-base`}