Skip to content

Commit cce4ebc

Browse files
committed
chore: format
1 parent bea9f6c commit cce4ebc

File tree

1 file changed

+17
-6
lines changed
  • packages/gitbook/src/components/DocumentView/Columns

1 file changed

+17
-6
lines changed

packages/gitbook/src/components/DocumentView/Columns/Columns.tsx

Lines changed: 17 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { tcls } from '@/lib/tailwind';
2-
import type { VerticalAlignment, DocumentBlockColumns, Length } from '@gitbook/api';
2+
import type { DocumentBlockColumns, Length, VerticalAlignment } from '@gitbook/api';
33
import type { BlockProps } from '../Block';
44
import { Blocks } from '../Blocks';
55

@@ -10,7 +10,11 @@ export function Columns(props: BlockProps<DocumentBlockColumns>) {
1010
{block.nodes.map((columnBlock) => {
1111
console.log('Rendering column with width:', columnBlock);
1212
return (
13-
<Column key={columnBlock.key} width={columnBlock.data.width} verticalAlignment={columnBlock.data.verticalAlignment}>
13+
<Column
14+
key={columnBlock.key}
15+
width={columnBlock.data.width}
16+
verticalAlignment={columnBlock.data.verticalAlignment}
17+
>
1418
<Blocks
1519
key={columnBlock.key}
1620
nodes={columnBlock.nodes}
@@ -34,10 +38,17 @@ export function Column(props: {
3438
const { width, verticalAlignment } = props;
3539
const { className, style } = transformLengthToCSS(width);
3640
return (
37-
<div className={tcls('flex flex-col',
38-
(verticalAlignment === VerticalAlignment.Top || !verticalAlignment) && 'justify-start',
39-
verticalAlignment === VerticalAlignment.Middle && 'justify-center',
40-
verticalAlignment === VerticalAlignment.Bottom && 'justify-end', className)} style={style}>
41+
<div
42+
className={tcls(
43+
'flex flex-col',
44+
(verticalAlignment === VerticalAlignment.Top || !verticalAlignment) &&
45+
'justify-start',
46+
verticalAlignment === VerticalAlignment.Middle && 'justify-center',
47+
verticalAlignment === VerticalAlignment.Bottom && 'justify-end',
48+
className
49+
)}
50+
style={style}
51+
>
4152
{props.children}
4253
</div>
4354
);

0 commit comments

Comments
 (0)