docs: Quick fix to Mendable Search (#2876)

Fixed a small issue on the icon UI when using in Safari.
1 year ago · 3c7204d604
parent 1e9378d0a8
commit 3c7204d604
1 changed files with 8 additions and 2 deletions
--- a/docs/_static/js/mendablesearch.js
+++ b/docs/_static/js/mendablesearch.js
@ -21,9 +21,15 @@ document.addEventListener('DOMContentLoaded', () => {
    const { MendableFloatingButton } = Mendable;
    

+    const iconSpan1 = React.createElement('span', {
+    }, '🦜');
+
+    const iconSpan2 = React.createElement('span', {
+    }, '🔗');
+
    const icon = React.createElement('p', {
-      style: { color: '#ffffff', fontSize: '22px',width: '48px', height: '48px', margin: '0px', padding: '0px', display: 'flex', alignItems: 'center', justifyContent: 'center' },
-    }, '🦜🔗');
+      style: { color: '#ffffff', fontSize: '22px',width: '48px', height: '48px', margin: '0px', padding: '0px', display: 'flex', alignItems: 'center', justifyContent: 'center', textAlign: 'center' },
+    }, [iconSpan1, iconSpan2]);