toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-11-24 11:24:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(component): editor component style (#2120)

Browse Source
This commit is contained in:
Himself65 2023-04-25 01:58:30 -05:00 committed by GitHub
parent 3f1293ca3c
commit a807647639
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/component/.storybook/main.ts
View File

@ -20,6 +20,7 @@ export default {
},
async viteFinal(config, { configType }) {
return mergeConfig(config, {
assetsInclude: ['**/*.md'],
plugins: [
vanillaExtractPlugin(),
tsconfigPaths({

23
packages/component/src/components/block-suite-editor/index.stories.tsx
View File

@ -10,6 +10,11 @@ import { useState } from 'react';
import type { EditorProps } from '.';
import { BlockSuiteEditor } from '.';
const blockSuiteWorkspace = new Workspace({
id: 'test',
blobStorages: [createMemoryStorage],
});
function initPage(page: Page): void {
// Add page block and surface block at root level
const pageBlockId = page.addBlock('affine:page', {
@ -27,11 +32,6 @@ function initPage(page: Page): void {
page.resetHistory();
}
const blockSuiteWorkspace = new Workspace({
id: 'test',
blobStorages: [createMemoryStorage],
});
blockSuiteWorkspace.register(AffineSchemas).register(__unstableSchemas);
const page = blockSuiteWorkspace.createPage('page0');
initPage(page);
@ -42,10 +42,15 @@ export default {
component: BlockSuiteEditor,
} satisfies BlockSuiteMeta;
const Template: StoryFn<EditorProps> = (props: EditorProps) => {
const Template: StoryFn<EditorProps> = (props: Partial<EditorProps>) => {
return (
<>
<BlockSuiteEditor {...props} page={page} mode="page" />
<div
style={{
height: '100vh',
width: '100vw',
}}
>
<BlockSuiteEditor onInit={initPage} page={page} mode="page" {...props} />
<div
style={{
position: 'absolute',
@ -54,7 +59,7 @@ const Template: StoryFn<EditorProps> = (props: EditorProps) => {
}}
id="toolWrapper"
/>
</>
</div>
);
};