fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-07-02 11:12:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ReadPretty): apply conditional flex styling based on ellipsis prop (#7094)

Browse Source
This commit is contained in:
Zeke Zhang 2025-06-18 20:34:07 +08:00 committed by GitHub
parent 544f561b26
commit 94e40c5c7b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/core/client/src/schema-component/antd/input/ReadPretty.tsx
View File

@ -56,12 +56,13 @@ ReadPretty.Input = (props: InputReadPrettyProps) => {
return props.value && typeof props.value === 'object' ? JSON.stringify(props.value) : compile(props.value); return props.value && typeof props.value === 'object' ? JSON.stringify(props.value) : compile(props.value);
}, [props.value]); }, [props.value]);
const flexStyle = props.ellipsis ? { display: 'flex', alignItems: 'center' } : {};
return ( return (
<div <div
className={cls(prefixCls, props.className)} className={cls(prefixCls, props.className)}
style={{ style={{
display: 'flex', ...flexStyle,
alignItems: 'center',
overflowWrap: 'break-word', overflowWrap: 'break-word',
whiteSpace: 'normal', whiteSpace: 'normal',
...props.style, ...props.style,