pull/4817/head
lianahus 6 months ago
parent f1719030a8
commit 2bc71d2e88
  1. 8
      libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx

@ -42,7 +42,7 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
console.log('expand ----> ', key) console.log('expand ----> ', key)
} }
// The expanded widged should go to the grid-segment and be updated based on the expandedItem state variable of the plugin. // The expanded widged should go to the grid-segment and be updated based on the expandedItem state variable of the plugin.
// The state var will work like theme dispattching is working. // The state var will work like theme dispattching is working.
useEffect(() => { useEffect(() => {
@ -61,11 +61,11 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
<div className='d-flex flex-grid'> <div className='d-flex flex-grid'>
<div className={"d-flex mx-0 p-2 bg-light border border-secondary remixui_grid_cell_container " + props.classList || ''} data-id={"remixUIGS" + props.title}> <div className={"d-flex mx-0 p-2 bg-light border border-secondary remixui_grid_cell_container " + props.classList || ''} data-id={"remixUIGS" + props.title}>
<div className="d-flex remixui_grid_cell flex-column"> <div className="d-flex remixui_grid_cell flex-column">
<div className='d-flex flex-row pb-1 align-items-end' style={{width: '8rem', height: '1rem'}}> <div className='d-flex flex-row pb-1 align-items-end' style={{ width: '8rem', height: '1rem' }}>
{ props.logo && <img className='remixui_grid_view_logo mr-1' src={props.logo} style={{ width: '1rem', height: '1rem' }}/> } { props.logo && <img className='remixui_grid_view_logo mr-1' src={props.logo} style={{ width: '1rem', height: '1rem' }}/> }
{ props.title && <label { props.title && <label
className='m-0 p-0 align-items-left' className='m-0 p-0 align-items-left'
style={{overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: 'xx-small'}} style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: 'xx-small' }}
> >
{ props.title } { props.title }
</label> } </label> }

Loading…
Cancel
Save