studio/docs
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(app-impress) move title document to the top

Browse Source 
Move teh title document to the top of the pad editor.
We let the white card only for the pad content.
This commit is contained in:
Anthony LC
2024-05-14 10:43:06 +02:00
committed by Anthony LC
parent a26ee3b868
commit f88d625622
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx
View File

@@ -1,8 +1,8 @@
import React from 'react'; import React from 'react';
import { Card, Text } from '@/components'; import { Box, Card, Text } from '@/components';
import { PadToolBox } from '@/features/pads/pad-tools';
import { PadToolBox } from '../../pad-tools';
import { Pad } from '../types'; import { Pad } from '../types';
import { BlockNoteEditor } from './BlockNoteEditor'; import { BlockNoteEditor } from './BlockNoteEditor';
@@ -14,16 +14,18 @@ interface PadEditorProps {
export const PadEditor = ({ pad }: PadEditorProps) => { export const PadEditor = ({ pad }: PadEditorProps) => {
return ( return (
<> <>
<PadToolBox pad={pad} /> <Box
<Card $direction="row"
$margin={{ top: 'none', all: 'big' }} className="ml-b"
$padding="big" $align="center"
$css="flex:1;" $justify="space-between"
$overflow="auto"
> >
<Text as="h2" $align="center"> <Text as="h2" $align="center">
{pad.title} {pad.title}
</Text> </Text>
<PadToolBox pad={pad} />
</Box>
<Card className="m-b p-b" $css="margin-top:0;flex:1;" $overflow="auto">
<BlockNoteEditor pad={pad} /> <BlockNoteEditor pad={pad} />
</Card> </Card>
</> </>