From 3ab05642721247b4ea15c92b9494f1e3b7588160 Mon Sep 17 00:00:00 2001
From: QiShaoXuan <qishaoxuan777@gmail.com>
Date: Thu, 15 Sep 2022 16:57:48 +0800
Subject: [PATCH] fix: double link icon size error

---
 .../common/src/lib/text/plugins/DoubleLink.tsx   | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/libs/components/common/src/lib/text/plugins/DoubleLink.tsx b/libs/components/common/src/lib/text/plugins/DoubleLink.tsx
index 42f50740f3..aa823feb36 100644
--- a/libs/components/common/src/lib/text/plugins/DoubleLink.tsx
+++ b/libs/components/common/src/lib/text/plugins/DoubleLink.tsx
@@ -3,6 +3,7 @@ import React, { useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Descendant } from 'slate';
 import { RenderElementProps } from 'slate-react';
+import { styled } from '@toeverything/components/ui';
 
 export type DoubleLinkElement = {
     type: 'link';
@@ -13,6 +14,10 @@ export type DoubleLinkElement = {
     id: string;
 };
 
+const StyledLink = styled('a')({
+    cursor: 'pointer',
+});
+
 export const DoubleLinkComponent = (props: RenderElementProps) => {
     const { attributes, children, element } = props;
     const doubleLinkElement = element as DoubleLinkElement;
@@ -32,15 +37,20 @@ export const DoubleLinkComponent = (props: RenderElementProps) => {
 
     return (
         <span onClick={handleClickLinkText}>
-            <a {...attributes} style={{ cursor: 'pointer' }}>
+            <StyledLink {...attributes}>
                 <PagesIcon
-                    style={{ verticalAlign: 'middle', height: '20px' }}
+                    style={{
+                        verticalAlign: 'middle',
+                        height: '1em',
+                        fontSize: 'inherit',
+                        marginBottom: '.2em',
+                    }}
                 />
                 <span>
                     {children}
                     {displayValue}
                 </span>
-            </a>
+            </StyledLink>
         </span>
     );
 };