fix(core): minor page info style issues (#5935)

This commit is contained in:
Peng Xiao
2024-02-28 03:45:51 +00:00
parent 148807879b
commit a0364dd4ea
2 changed files with 5 additions and 4 deletions

View File

@@ -130,7 +130,7 @@ export const TextValue = ({ property }: PropertyRowValueProps) => {
/> />
<div className={styles.propertyRowValueTextareaInvisible}> <div className={styles.propertyRowValueTextareaInvisible}>
{value} {value}
{value?.endsWith('\n') || value === '' ? <br /> : null} {value?.endsWith('\n') || !value ? <br /> : null}
</div> </div>
</div> </div>
); );

View File

@@ -92,7 +92,7 @@ export const tableHeaderDivider = style({
height: '0.5px', height: '0.5px',
width: '100%', width: '100%',
margin: '8px 0', margin: '8px 0',
backgroundColor: cssVar('dividerColor'), backgroundColor: cssVar('borderColor'),
}); });
export const tableBodyRoot = style({ export const tableBodyRoot = style({
@@ -114,7 +114,8 @@ export const addPropertyButton = style({
alignSelf: 'flex-start', alignSelf: 'flex-start',
fontSize: cssVar('fontSm'), fontSize: cssVar('fontSm'),
color: `${cssVar('textSecondaryColor')} !important`, color: `${cssVar('textSecondaryColor')} !important`,
padding: '6px 4px', padding: '0 4px',
height: 36,
cursor: 'pointer', cursor: 'pointer',
':hover': { ':hover': {
color: cssVar('textPrimaryColor'), color: cssVar('textPrimaryColor'),
@@ -440,7 +441,7 @@ export const selectorButton = style({
borderRadius: 4, borderRadius: 4,
gap: 8, gap: 8,
fontSize: cssVar('fontSm'), fontSize: cssVar('fontSm'),
fontWeight: 500, fontWeight: 400,
padding: '4px 8px', padding: '4px 8px',
cursor: 'pointer', cursor: 'pointer',
':hover': { ':hover': {