Make video canvas bg go behind menu

This commit is contained in:
Sam Carlton 2020-12-28 14:34:28 -06:00
parent 37a9d42fea
commit 939e77f270
3 changed files with 8 additions and 5 deletions

View file

@ -1,11 +1,12 @@
<template> <template>
<section class="container py-16"> <section class="container pb-16">
<div class="flex flex-col items-center text-center space-y-8"> <div class="flex flex-col items-center text-center space-y-8">
<template <template
v-if="video" v-if="video"
> >
<VideoPlayer <VideoPlayer
:video="video" :video="video"
class="pt-16"
/> />
<ChannelCredit <ChannelCredit
:video="video" :video="video"
@ -20,7 +21,7 @@
'margin-left': '-50vw', 'margin-left': '-50vw',
'margin-right': '-50vw' 'margin-right': '-50vw'
}" }"
class="video-canvas w-screen flex justify-center bg-black" class="video-canvas w-screen flex justify-center bg-black pt-16"
> >
<div class="ratio-wrapper w-full max-w-4xl"> <div class="ratio-wrapper w-full max-w-4xl">
<div class="relative overflow-hidden w-full pb-16/9"> <div class="relative overflow-hidden w-full pb-16/9">

View file

@ -1,11 +1,12 @@
<template> <template>
<section class="container py-16"> <section class="container pb-16">
<div class="flex flex-col items-center text-center space-y-8"> <div class="flex flex-col items-center text-center space-y-8">
<template <template
v-if="video" v-if="video"
> >
<VideoPlayer <VideoPlayer
:video="video" :video="video"
class="pt-16"
/> />
<ChannelCredit <ChannelCredit
:video="video" :video="video"
@ -20,7 +21,7 @@
'margin-left': '-50vw', 'margin-left': '-50vw',
'margin-right': '-50vw' 'margin-right': '-50vw'
}" }"
class="video-canvas w-screen flex justify-center bg-black" class="video-canvas w-screen flex justify-center bg-black pt-16"
> >
<div class="ratio-wrapper w-full max-w-4xl"> <div class="ratio-wrapper w-full max-w-4xl">
<div class="relative overflow-hidden w-full pb-16/9"> <div class="relative overflow-hidden w-full pb-16/9">

View file

@ -1,8 +1,9 @@
<template> <template>
<section class="container py-16"> <section class="container pb-16">
<div class="flex flex-col items-center text-center space-y-6"> <div class="flex flex-col items-center text-center space-y-6">
<VideoPlayer <VideoPlayer
:video="video" :video="video"
class="pt-16"
/> />
<div <div