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 ## Uncomment the following for fp/next in dev mode
## this is useful for changing the UI and seeing results ## this is useful for changing the UI and seeing results
# docker_build( docker_build(
# 'fp/next', 'fp/next',
# '.', '.',
# dockerfile='next.dockerfile', dockerfile='next.dockerfile',
# target='dev', target='dev',
# live_update=[ live_update=[
# sync('./packages/next', '/app') sync('./packages/next', '/app')
# ] ]
# ) )
## Uncomment the following for fp/next in production mode ## Uncomment the following for fp/next in production mode
## this is useful to test how fp/next will behave in production environment ## 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 ## 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( k8s_resource(

2
package.json
View File

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

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

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