mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-09-24 04:27:27 +08:00
chore(core): add padding when ai-panel is opened in page mode (#7151)
Close BS-394 Related PR: https://github.com/toeverything/blocksuite/pull/7211
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
import { cssVar } from '@toeverything/theme';
|
import { cssVar } from '@toeverything/theme';
|
||||||
import { style } from '@vanilla-extract/css';
|
import { style, type StyleRule } from '@vanilla-extract/css';
|
||||||
|
|
||||||
export const docEditorRoot = style({
|
export const docEditorRoot = style({
|
||||||
display: 'block',
|
display: 'block',
|
||||||
background: cssVar('backgroundPrimaryColor'),
|
background: cssVar('backgroundPrimaryColor'),
|
||||||
@@ -9,6 +10,14 @@ export const affineDocViewport = style({
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
paddingBottom: '100px',
|
paddingBottom: '100px',
|
||||||
|
selectors: ['generating', 'finished', 'error'].reduce<
|
||||||
|
NonNullable<StyleRule['selectors']>
|
||||||
|
>((rules, state) => {
|
||||||
|
rules[`&:has(affine-ai-panel-widget[data-state='${state}'])`] = {
|
||||||
|
paddingBottom: '980px',
|
||||||
|
};
|
||||||
|
return rules;
|
||||||
|
}, {}),
|
||||||
});
|
});
|
||||||
|
|
||||||
export const docContainer = style({
|
export const docContainer = style({
|
||||||
|
|||||||
Reference in New Issue
Block a user