Skip to content

Commit 6e9f52d

Browse files
fix table column's padding
1 parent 81d8e1f commit 6e9f52d

File tree

2 files changed

+4
-1
lines changed

2 files changed

+4
-1
lines changed

client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnTagsComp.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,7 @@ export const Wrapper = styled.div`
142142
height: 100%;
143143
position: absolute;
144144
top: 0;
145+
left: 0;
145146
background: transparent !important;
146147
padding: 8px;
147148

client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -411,9 +411,9 @@ const TableTd = styled.td<TableTdProps>`
411411
justify-content: ${(props) => props.$customAlign === 'center' ? 'center' : props.$customAlign === 'right' ? 'flex-end' : 'flex-start'};
412412
align-items: center;
413413
text-align: ${(props) => props.$customAlign || 'left'};
414-
padding: 0 8px;
415414
box-sizing: border-box;
416415
${(props) => props.$tableSize === 'small' && `
416+
padding: 1px 8px;
417417
font-size: ${props.$defaultThemeDetail.textSize == props.$style.textSize ? '14px !important' : props.$style.textSize + ' !important'};
418418
font-style:${props.$style.fontStyle} !important;
419419
min-height: ${props.$style.rowHeight || '14px'};
@@ -424,6 +424,7 @@ const TableTd = styled.td<TableTdProps>`
424424
`};
425425
`};
426426
${(props) => props.$tableSize === 'middle' && `
427+
padding: 8px 8px;
427428
font-size: ${props.$defaultThemeDetail.textSize == props.$style.textSize ? '16px !important' : props.$style.textSize + ' !important'};
428429
font-style:${props.$style.fontStyle} !important;
429430
min-height: ${props.$style.rowHeight || '24px'};
@@ -434,6 +435,7 @@ const TableTd = styled.td<TableTdProps>`
434435
`};
435436
`};
436437
${(props) => props.$tableSize === 'large' && `
438+
padding: 16px 16px;
437439
font-size: ${props.$defaultThemeDetail.textSize == props.$style.textSize ? '18px !important' : props.$style.textSize + ' !important'};
438440
font-style:${props.$style.fontStyle} !important;
439441
min-height: ${props.$style.rowHeight || '48px'};

0 commit comments

Comments
 (0)