Improved search modal animation

This commit is contained in:
Sanne de Vries 2022-07-07 17:00:48 +02:00
parent 6a8f1bd4dc
commit 6487c00f21
2 changed files with 3 additions and 3 deletions

View File

@ -586,7 +586,7 @@ function Search() {
}
}}
>
<div className='bg-white w-full max-w-[95vw] sm:max-w-lg rounded-lg shadow-xl m-auto relative animate-popup'>
<div className='bg-white w-full max-w-[95vw] sm:max-w-lg rounded-lg shadow-xl m-auto relative translate-y-0 animate-popup'>
<SearchBox />
<SearchResultBox />
</div>

View File

@ -94,8 +94,8 @@ module.exports = {
'9xl': ['12.8rem', '1']
},
animation: {
'popup': 'popup 0.2s ease-in-out',
'fadein': 'fadein 0.2s'
'popup': 'popup 0.15s ease',
'fadein': 'fadein 0.15s'
},
keyframes: {
popup: {