Fixed video NFT asset dimensions and vertically centered ALL NFT art (#20666)
This commit is contained in:
parent
220fd41bbc
commit
149d224557
|
@ -17,7 +17,7 @@ export function NFTHeader({
|
||||||
const metadata = nftData.metadata;
|
const metadata = nftData.metadata;
|
||||||
return (
|
return (
|
||||||
<div className="row align-items-begin">
|
<div className="row align-items-begin">
|
||||||
<div className="col-auto ml-2">
|
<div className="col-auto ml-2 d-flex align-items-center">
|
||||||
<ArtContent metadata={metadata} pubkey={address} />
|
<ArtContent metadata={metadata} pubkey={address} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -127,13 +127,13 @@ const VideoArtContent = ({
|
||||||
streamRef={(e: any) => playerRef(e)}
|
streamRef={(e: any) => playerRef(e)}
|
||||||
src={likelyVideo.replace("https://watch.videodelivery.net/", "")}
|
src={likelyVideo.replace("https://watch.videodelivery.net/", "")}
|
||||||
loop={true}
|
loop={true}
|
||||||
height={150}
|
height={180}
|
||||||
width={150}
|
width={320}
|
||||||
controls={false}
|
controls={false}
|
||||||
style={{ borderRadius: 12 }}
|
style={{ borderRadius: 12 }}
|
||||||
videoDimensions={{
|
videoDimensions={{
|
||||||
videoHeight: 150,
|
videoWidth: 320,
|
||||||
videoWidth: 150,
|
videoHeight: 180,
|
||||||
}}
|
}}
|
||||||
autoplay={true}
|
autoplay={true}
|
||||||
muted={true}
|
muted={true}
|
||||||
|
@ -146,7 +146,7 @@ const VideoArtContent = ({
|
||||||
muted={true}
|
muted={true}
|
||||||
controls={true}
|
controls={true}
|
||||||
controlsList="nodownload"
|
controlsList="nodownload"
|
||||||
style={{ borderRadius: 12 }}
|
style={{ borderRadius: 12, width: 320, height: 180 }}
|
||||||
loop={true}
|
loop={true}
|
||||||
poster={uri}
|
poster={uri}
|
||||||
>
|
>
|
||||||
|
@ -186,7 +186,7 @@ const HTMLContent = ({
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
src={htmlURL}
|
src={htmlURL}
|
||||||
className={`${loaded ? "d-block" : "d-none"}`}
|
className={`${loaded ? "d-block" : "d-none"}`}
|
||||||
style={{ width: 150, borderRadius: 12 }}
|
style={{ width: 320, height: 180, borderRadius: 12 }}
|
||||||
onLoad={() => {
|
onLoad={() => {
|
||||||
setLoaded(true);
|
setLoaded(true);
|
||||||
}}
|
}}
|
||||||
|
|
|
@ -427,5 +427,4 @@ p.updated-time {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 150px;
|
width: 150px;
|
||||||
margin-top: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue