kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-04-24 04:15:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

0.0.1-alpha.26

Browse Source
This commit is contained in:
unix
2020-03-23 09:08:32 +08:00
parent b912a2e0ae
commit 37a26988a2
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/display/display.tsx
View File

@@ -6,6 +6,7 @@ interface Props {
caption?: ReactNode | string
shadow?: boolean
className?: string
minWidth?: string
}
const defaultProps = {
@@ -17,7 +18,7 @@ const defaultProps = {
export type DisplayProps = Props & typeof defaultProps & React.HTMLAttributes<any>
const Display: React.FC<React.PropsWithChildren<DisplayProps>> = React.memo(({
children, caption, shadow, className, ...props
children, caption, shadow, className, minWidth, ...props
}) => {
const theme = useTheme()
return (
@@ -40,12 +41,14 @@ const Display: React.FC<React.PropsWithChildren<DisplayProps>> = React.memo(({
border-radius: 4px;
overflow: hidden;
width: fit-content;
min-width: ${minWidth ? minWidth : 'unset'};
box-shadow: ${shadow ? theme.expressiveness.shadowLarge : 'none'};
}
.content :global(pre) {
margin: 0;
transition: min-width ease .2s;
min-width: ${minWidth ? minWidth : 'unset'};
}
.caption {