fix(core): backlinks styles

toeverything · Dec 12, 2024 · dd5923e · dd5923e
1 parent 595125e
commit dd5923e
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/...ontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts b/...ontend/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')}`,
+  border: `0.5px 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'),
   },