mirror of
https://github.com/strapi/strapi.git
synced 2025-09-27 01:09:49 +00:00
AssetList: Make all items equally height
This commit is contained in:
parent
ed07e75bf3
commit
4ea824d9ca
@ -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}>
|
||||||
|
@ -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) && (
|
||||||
|
@ -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) && (
|
||||||
|
@ -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) && (
|
||||||
|
@ -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}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user