StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix search modal

Browse source
This commit is contained in:
Dane Everitt 2020-07-04 15:19:46 -07:00
parent 82cf070c06
commit 43ff67238c
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 27 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

17
resources/scripts/components/elements/InputSpinner.tsx
View file

@ -1,20 +1,21 @@
import React from 'react';
import Spinner from '@/components/elements/Spinner';
import { CSSTransition } from 'react-transition-group';
import Fade from '@/components/elements/Fade';
import tw from 'twin.macro';
const InputSpinner = ({ visible, children }: { visible: boolean, children: React.ReactNode }) => (
<div className={'relative'}>
<CSSTransition
timeout={250}
<div css={tw`relative`}>
<Fade
appear
unmountOnExit
in={visible}
unmountOnExit={true}
appear={true}
classNames={'fade'}
timeout={250}
>
<div className={'absolute right-0 h-full flex items-center justify-end pr-3'}>
<div css={tw`absolute right-0 h-full flex items-center justify-end pr-3`}>
<Spinner size={'small'}/>
</div>
</CSSTransition>
</Fade>
{children}
</div>
);