mirror of
https://github.com/ThatGuySam/doesitarm.git
synced 2026-05-18 06:44:46 -07:00
Make video canvas bg go behind menu
This commit is contained in:
parent
37a9d42fea
commit
939e77f270
3 changed files with 8 additions and 5 deletions
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue