Center audio and video previews on asset grid cells

This commit is contained in:
Serkan Reis 2022-08-05 12:04:50 +03:00
parent 49fe1d8da4
commit 3414ec200c

View File

@ -146,7 +146,7 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
tempArray.push(
<video
key={assetFile.name}
className="relative px-1 my-1 thumbnail"
className="absolute px-1 my-1 thumbnail"
id="video"
muted
onMouseEnter={(e) => {
@ -426,14 +426,14 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
htmlFor="my-modal-4"
>
{getAssetType(assetSource.name) === 'audio' && (
<div className="flex relative flex-col items-center ml-2">
<div className="flex absolute flex-col items-center mt-4 ml-2">
<img
key={`audio-${index}`}
alt="audio_icon"
className="relative mb-2 ml-1 w-6 h-6 thumbnail"
className="mb-2 ml-1 w-6 h-6 thumbnail"
src="/audio.png"
/>
<span className="relative self-center">{assetSource.name}</span>
<span className="flex self-center ">{assetSource.name}</span>
</div>
)}
{getAssetType(assetSource.name) === 'video' &&