fix(core): bi-directional links responsive style (#7540)

close AF-1077
2026-02-16 05:47:09 +08:00 · 2024-07-19 05:22:34 +00:00
parent 6dbcb62da7
commit af7d44164c
1 changed files with 5 additions and 0 deletions
--- 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({