fix: compatibility issue with safari (#3019)

This commit is contained in:
Brandon Cohen
2022-09-13 19:16:55 -04:00
committed by GitHub
parent f20ba3fc2e
commit e486623310
2 changed files with 10 additions and 6 deletions

View File

@@ -12,18 +12,22 @@ const PullToRefresh: React.FC = () => {
Router.reload(); Router.reload();
}, },
iconArrow: ReactDOMServer.renderToString( iconArrow: ReactDOMServer.renderToString(
<div className="p-2">
<RefreshIcon className="z-50 m-auto h-9 w-9 rounded-full border-4 border-gray-800 bg-gray-800 text-indigo-500 ring-1 ring-gray-700" /> <RefreshIcon className="z-50 m-auto h-9 w-9 rounded-full border-4 border-gray-800 bg-gray-800 text-indigo-500 ring-1 ring-gray-700" />
</div>
), ),
iconRefreshing: ReactDOMServer.renderToString( iconRefreshing: ReactDOMServer.renderToString(
<RefreshIcon <div
className="z-50 m-auto h-9 w-9 animate-spin rounded-full border-4 border-gray-800 bg-gray-800 text-indigo-500 ring-1 ring-gray-700" className="animate-spin p-2"
style={{ animationDirection: 'reverse' }} style={{ animationDirection: 'reverse' }}
/> >
<RefreshIcon className="z-50 m-auto h-9 w-9 rounded-full border-4 border-gray-800 bg-gray-800 text-indigo-500 ring-1 ring-gray-700" />
</div>
), ),
instructionsPullToRefresh: ReactDOMServer.renderToString(<div />), instructionsPullToRefresh: ReactDOMServer.renderToString(<div />),
instructionsReleaseToRefresh: ReactDOMServer.renderToString(<div />), instructionsReleaseToRefresh: ReactDOMServer.renderToString(<div />),
instructionsRefreshing: ReactDOMServer.renderToString(<div />), instructionsRefreshing: ReactDOMServer.renderToString(<div />),
distReload: 55, distReload: 60,
}); });
return () => { return () => {
PR.destroyAll(); PR.destroyAll();

View File

@@ -470,6 +470,6 @@
z-index: 30 !important; z-index: 30 !important;
} }
.ptr--ptr .ptr--box { .ptr--box {
margin-bottom: -13px !important; margin-bottom: -13px !important;
} }