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

Speed up animations throughout the panel

Browse source
This commit is contained in:
Dane Everitt 2020-07-05 13:56:04 -07:00
parent cbdede75a7
commit 28992c5e43
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
12 changed files with 13 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/scripts/components/server/WebsocketHandler.tsx
View file

@ -67,7 +67,7 @@ export default () => {
return (
error ?
<CSSTransition timeout={250} in appear classNames={'fade'}>
<CSSTransition timeout={150} in appear classNames={'fade'}>
<div css={tw`bg-red-500 py-2`}>
<ContentContainer css={tw`flex items-center justify-center`}>
<Spinner size={'small'}/>

2
resources/scripts/components/server/databases/DatabasesContainer.tsx
View file

@ -40,7 +40,7 @@ export default () => {
{(!databases.length && loading) ?
<Spinner size={'large'} centered/>
:
<Fade timeout={250}>
<Fade timeout={150}>
<>
{databases.length > 0 ?
databases.map((database, index) => (

2
resources/scripts/components/server/files/FileDropdownMenu.tsx
View file

@ -138,7 +138,7 @@ export default ({ uuid }: { uuid: string }) => {
/>
<SpinnerOverlay visible={showSpinner} fixed size={'large'}/>
</div>
<Fade timeout={250} in={menuVisible} unmountOnExit classNames={'fade'}>
<Fade timeout={150} in={menuVisible} unmountOnExit classNames={'fade'}>
<div
ref={menu}
onClick={e => {

2
resources/scripts/components/server/files/FileManagerContainer.tsx
View file

@ -70,7 +70,7 @@ export default () => {
This directory seems to be empty.
</p>
:
<CSSTransition classNames={'fade'} timeout={250} appear in>
<CSSTransition classNames={'fade'} timeout={150} appear in>
<React.Fragment>
<div>
{files.length > 250 ?