h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Allow click through of loading animation

Browse Source
This commit is contained in:
Kurt Hutten
2021-09-05 18:05:51 +10:00
parent 867bc0ca29
commit e4c95cb396
3 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx
View File

@@ -21,7 +21,7 @@ const DelayedPingAnimation = ({
if (showLoading && isLoading) if (showLoading && isLoading)
return ( return (
<div className="inset-0 absolute flex items-center justify-center"> <div className="inset-0 absolute flex items-center justify-center pointer-events-none">
<div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div> <div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
</div> </div>
) )

2
app/web/src/components/IdeContainer/IdeContainer.tsx
View File

@@ -22,7 +22,7 @@ const SmallLoadingPing = (
) )
export const BigLoadingPing = ( export const BigLoadingPing = (
<div className="inset-0 absolute flex items-center justify-center bg-ch-gray-800"> <div className="inset-0 absolute flex items-center justify-center bg-ch-gray-800 pointer-events-none">
<div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div> <div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
</div> </div>
) )

1
app/web/src/components/IdeViewer/IdeViewer.tsx
View File

@@ -178,7 +178,6 @@ const IdeViewer = ({ Loading }) => {
: 1.2 : 1.2
return ( return (
<div className="relative h-full bg-ch-gray-800"> <div className="relative h-full bg-ch-gray-800">
{state.isLoading && Loading}
{image && ( {image && (
<div <div
className={`absolute inset-0 transition-opacity duration-500 ${ className={`absolute inset-0 transition-opacity duration-500 ${