From af7d44164c9c4671f8850f3de1dc04ab28613b7e Mon Sep 17 00:00:00 2001 From: JimmFly Date: Fri, 19 Jul 2024 05:22:34 +0000 Subject: [PATCH] fix(core): bi-directional links responsive style (#7540) close AF-1077 --- .../block-suite-editor/bi-directional-link-panel.css.ts | 5 +++++ 1 file changed, 5 insertions(+) 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 3d58d0d0a..936555e61 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 @@ -9,6 +9,11 @@ export const container = style({ paddingLeft: cssVar('--affine-editor-side-padding', '24'), paddingRight: cssVar('--affine-editor-side-padding', '24'), fontSize: cssVar('--affine-font-base'), + '@container': { + [`viewport (width <= 640px)`]: { + padding: '0 24px', + }, + }, }); export const dividerContainer = style({