toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-18 20:51:46 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #221 from toeverything/chore/todo-tree-line

Browse Source 
chore: tweak styles
This commit is contained in:
DarkSky 2022-08-12 19:10:31 +08:00 committed by GitHub
commit d32b380fc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
libs/components/editor-blocks/src/utils/WithTreeViewChildren.tsx
View File

@ -159,6 +159,7 @@ const TREE_COLOR = '#D5DFE6';
const TREE_LINE_LEFT_OFFSET = '-16px';
// determine the position of the horizontal line by the type of the item
const TREE_LINE_TOP_OFFSET = '20px'; // '50%'
const TREE_LINE_WIDTH = '12px';
const TreeWrapper = styled('div')({
position: 'relative',
@ -194,7 +195,7 @@ const VerticalLine = styled(Line)<{ last: boolean }>(({ last }) => ({
}));
const HorizontalLine = styled(Line)<{ last: boolean }>(({ last }) => ({
width: '16px',
width: TREE_LINE_WIDTH,
height: '1px',
paddingLeft: 0,
paddingRight: 0,
@ -217,7 +218,7 @@ const LastItemRadius = styled('div')({
top: 0,
height: TREE_LINE_TOP_OFFSET,
bottom: '50%',
width: '16px',
width: TREE_LINE_WIDTH,
borderWidth: '1px',
borderStyle: 'solid',
borderLeftColor: TREE_COLOR,