From 6735acd2b1da0271038b58a58b5bcf5dfb083e0d Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Thu, 12 Dec 2024 17:49:46 +0800
Subject: [PATCH] fix(core): backlinks styles

---
 .../block-suite-editor/bi-directional-link-panel.css.ts  | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts b/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
index 2c185be276cbf..8f139c06935ba 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
@@ -79,6 +79,10 @@ export const link = style({
   alignItems: 'center',
   gap: '4px',
   whiteSpace: 'nowrap',
+  borderRadius: '4px',
+  ':hover': {
+    backgroundColor: cssVarV2('layer/background/hoverOverlay'),
+  },
 });
 
 globalStyle(`${link} .affine-reference-title`, {
@@ -88,17 +92,20 @@ globalStyle(`${link} .affine-reference-title`, {
 export const linkPreviewContainer = style({
   display: 'flex',
   flexDirection: 'column',
+  gap: '12px',
+  marginTop: '4px',
+  marginBottom: '16px',
 });
 
 export const linkPreview = style({
   border: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
   borderRadius: '8px',
   padding: '8px',
-  marginBottom: '8px',
   color: cssVarV2('text/primary'),
   vars: {
     [cssVar('fontFamily')]: cssVar('fontSansFamily'),
   },
+  backgroundColor: cssVarV2('layer/background/secondary'),
   ':hover': {
     backgroundColor: cssVarV2('layer/background/hoverOverlay'),
   },