mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-17 22:37:04 +08:00
@@ -79,6 +79,10 @@ export const link = style({
|
|||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
gap: '4px',
|
gap: '4px',
|
||||||
whiteSpace: 'nowrap',
|
whiteSpace: 'nowrap',
|
||||||
|
borderRadius: '4px',
|
||||||
|
':hover': {
|
||||||
|
backgroundColor: cssVarV2('layer/background/hoverOverlay'),
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
globalStyle(`${link} .affine-reference-title`, {
|
globalStyle(`${link} .affine-reference-title`, {
|
||||||
@@ -88,19 +92,22 @@ globalStyle(`${link} .affine-reference-title`, {
|
|||||||
export const linkPreviewContainer = style({
|
export const linkPreviewContainer = style({
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
|
gap: '12px',
|
||||||
|
marginTop: '4px',
|
||||||
|
marginBottom: '16px',
|
||||||
});
|
});
|
||||||
|
|
||||||
export const linkPreview = style({
|
export const linkPreview = style({
|
||||||
border: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
|
border: `0.5px solid ${cssVarV2('backlinks/blockBorder')}`,
|
||||||
borderRadius: '8px',
|
borderRadius: '8px',
|
||||||
padding: '8px',
|
padding: '8px',
|
||||||
marginBottom: '8px',
|
|
||||||
color: cssVarV2('text/primary'),
|
color: cssVarV2('text/primary'),
|
||||||
vars: {
|
vars: {
|
||||||
[cssVar('fontFamily')]: cssVar('fontSansFamily'),
|
[cssVar('fontFamily')]: cssVar('fontSansFamily'),
|
||||||
},
|
},
|
||||||
|
backgroundColor: cssVarV2('backlinks/blockBackgroundColor'),
|
||||||
':hover': {
|
':hover': {
|
||||||
backgroundColor: cssVarV2('layer/background/hoverOverlay'),
|
backgroundColor: cssVarV2('backlinks/blockHover'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user