From f39723fc1fd105157e2ba11709079d7f4ef5ab9d Mon Sep 17 00:00:00 2001 From: Brenden Matthews Date: Sat, 1 Oct 2022 18:27:06 -0500 Subject: [PATCH] Make search transitions less annoying. --- web/components/Search.tsx | 26 ++++++++++---------------- web/pages/_document.tsx | 2 +- 2 files changed, 11 insertions(+), 17 deletions(-) diff --git a/web/components/Search.tsx b/web/components/Search.tsx index d24d1ec9..229fb1fc 100644 --- a/web/components/Search.tsx +++ b/web/components/Search.tsx @@ -139,24 +139,18 @@ const Search: React.FunctionComponent = (props) => { enter="ease-out duration-300" enterFrom="opacity-0" enterTo="opacity-100" - leave="ease-in duration-200" - leaveFrom="opacity-100" - leaveTo="opacity-0" >
-
-
- + +
+
@@ -190,9 +184,9 @@ const Search: React.FunctionComponent = (props) => { - +
-
+
diff --git a/web/pages/_document.tsx b/web/pages/_document.tsx index d8b63017..2fd40f60 100644 --- a/web/pages/_document.tsx +++ b/web/pages/_document.tsx @@ -4,7 +4,7 @@ import Document, { Html, Head, Main, NextScript } from 'next/document' class MyDocument extends Document { render() { return ( - +