futureporn
/
fp
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

add some padding to l,r on the vod page

This commit is contained in:
Chris Grimmett 2024-03-29 22:26:26 -08:00
parent ab368c237c
commit 203cc91f31
3 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
Tiltfile
View File

@ -18,20 +18,20 @@ docker_build(
## Uncomment the following for fp/next in dev mode
## this is useful for changing the UI and seeing results
# docker_build(
# 'fp/next',
# '.',
# dockerfile='next.dockerfile',
# target='dev',
# live_update=[
# sync('./packages/next', '/app')
# ]
# )
docker_build(
'fp/next',
'.',
dockerfile='next.dockerfile',
target='dev',
live_update=[
sync('./packages/next', '/app')
]
)
## Uncomment the following for fp/next in production mode
## this is useful to test how fp/next will behave in production environment
## note: there is no live_update here. expect slow rebuilds in response to code changes
docker_build('fp/next', '.', dockerfile='next.dockerfile')
# docker_build('fp/next', '.', dockerfile='next.dockerfile')
k8s_resource(

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "futureporn",
"version": "1.0.2",
"version": "1.0.3",
"description": "",
"main": "index.js",
"scripts": {

34
packages/next/app/components/vod-page.tsx
View File

@ -43,25 +43,25 @@ export default async function VodPage({vod}: { vod: IVod }) {
return (
<div className="container">
<div className="block mb-5">
<VideoInteractive vod={vod}></VideoInteractive>
<div className="section pt-0">
<VideoInteractive vod={vod}></VideoInteractive>
{(vod.attributes.thumbnail) && (<div className='mb-5'>
<LinkableHeading text="Thumbnail Image" slug="thumb" icon={faImage}></LinkableHeading>
<Thumbnail url={vod.attributes.thumbnail.data.attributes.cdnUrl}></Thumbnail>
</div>)}
{(vod.attributes.thumbnail) && (<div className='mb-5'>
<LinkableHeading text="Thumbnail Image" slug="thumb" icon={faImage}></LinkableHeading>
<Thumbnail url={vod.attributes.thumbnail.data.attributes.cdnUrl}></Thumbnail>
</div>)}
{(vod.attributes.videoSrcHash || vod.attributes.video240Hash) && (
<>
<LinkableHeading text="IPFS Content IDs" slug="ipfs" icon={faGlobe}></LinkableHeading>
{vod.attributes.videoSrcHash && (
<IpfsCid label="Source" cid={vod.attributes.videoSrcHash}></IpfsCid>
)}
{vod.attributes.video240Hash && (
<IpfsCid label="240p" cid={vod.attributes.video240Hash}></IpfsCid>
)}
</>
)}
{(vod.attributes.videoSrcHash || vod.attributes.video240Hash) && (
<>
<LinkableHeading text="IPFS Content IDs" slug="ipfs" icon={faGlobe}></LinkableHeading>
{vod.attributes.videoSrcHash && (
<IpfsCid label="Source" cid={vod.attributes.videoSrcHash}></IpfsCid>
)}
{vod.attributes.video240Hash && (
<IpfsCid label="240p" cid={vod.attributes.video240Hash}></IpfsCid>
)}
</>
)}
<nav className="level mt-5">