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();
return (
<Card>
<Card height="100%">
<CardHeader>
<CardAsset size={size}>
<AudioPreviewWrapper size={size}>

View File

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

View File

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

View File

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

View File

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