AssetList: Make all items equally height

This commit is contained in:
Gustav Hansen 2022-06-07 12:33:33 +01:00
parent ed07e75bf3
commit 4ea824d9ca
5 changed files with 6 additions and 6 deletions

View File

@ -47,7 +47,7 @@ export const AudioAssetCard = ({
const { formatMessage } = useIntl(); const { formatMessage } = useIntl();
return ( return (
<Card> <Card height="100%">
<CardHeader> <CardHeader>
<CardAsset size={size}> <CardAsset size={size}>
<AudioPreviewWrapper size={size}> <AudioPreviewWrapper size={size}>

View File

@ -42,7 +42,7 @@ export const DocAssetCard = ({ name, extension, selected, onSelect, onEdit, onRe
const { formatMessage } = useIntl(); const { formatMessage } = useIntl();
return ( return (
<Card> <Card height="100%">
<CardHeader> <CardHeader>
{onSelect && <CardCheckbox value={selected} onValueChange={onSelect} />} {onSelect && <CardCheckbox value={selected} onValueChange={onSelect} />}
{(onRemove || onEdit) && ( {(onRemove || onEdit) && (

View File

@ -45,7 +45,7 @@ export const ImageAssetCard = ({
width && height ? `${thumbnail}?width=${width}&height=${height}` : thumbnail; width && height ? `${thumbnail}?width=${width}&height=${height}` : thumbnail;
return ( return (
<Card> <Card height="100%">
<CardHeader> <CardHeader>
{onSelect && <CardCheckbox value={selected} onValueChange={onSelect} />} {onSelect && <CardCheckbox value={selected} onValueChange={onSelect} />}
{(onRemove || onEdit) && ( {(onRemove || onEdit) && (

View File

@ -52,7 +52,7 @@ export const VideoAssetCard = ({
const formattedDuration = duration && formatDuration(duration); const formattedDuration = duration && formatDuration(duration);
return ( return (
<Card> <Card height="100%">
<CardHeader> <CardHeader>
{onSelect && <CardCheckbox value={selected} onValueChange={onSelect} />} {onSelect && <CardCheckbox value={selected} onValueChange={onSelect} />}
{(onRemove || onEdit) && ( {(onRemove || onEdit) && (

View File

@ -34,7 +34,7 @@ export const AssetList = ({
if (onReorderAsset) { if (onReorderAsset) {
return ( return (
<GridItem col={3}> <GridItem col={3} height="100%">
<Draggable key={asset.id} index={index} moveItem={onReorderAsset} id={asset.id}> <Draggable key={asset.id} index={index} moveItem={onReorderAsset} id={asset.id}>
<AssetCard <AssetCard
allowedTypes={allowedTypes} allowedTypes={allowedTypes}
@ -50,7 +50,7 @@ export const AssetList = ({
} }
return ( return (
<GridItem col={3} key={asset.id}> <GridItem col={3} key={asset.id} height="100%">
<AssetCard <AssetCard
key={asset.id} key={asset.id}
allowedTypes={allowedTypes} allowedTypes={allowedTypes}