blockworks-foundation
/
solana-with-rpc-optimizations
mirror of https://github.com/blockworks-foundation/solana-with-rpc-optimizations.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed video NFT asset dimensions and vertically centered ALL NFT art (#20666)

This commit is contained in:
Will Roeder 2021-10-13 12:10:15 -07:00 committed by GitHub
parent 220fd41bbc
commit 149d224557
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
explorer/src/components/account/MetaplexNFTHeader.tsx
View File

@ -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>

12
explorer/src/metaplex/Art/Art.tsx
View File

@ -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);
}} }}

1
explorer/src/scss/_solana.scss
View File

@ -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;
} }