diff --git a/server/src/public/page.html b/server/src/public/page.html index 513f2036e..93867f0ed 100644 --- a/server/src/public/page.html +++ b/server/src/public/page.html @@ -172,9 +172,6 @@ color: black; padding: 0.3rem; font-size: 0.8rem; - position: fixed; - bottom: 0.5rem; - left: 0.5rem; text-decoration: none; } @@ -264,6 +261,41 @@ background-color: color-mix(in srgb, var(--brand-color), black 20%); } } + + .video-wrapper { + position: fixed; + bottom: 20px; + left: 20px; + width: 100%; + max-width: 18.5rem; + height: 14.5rem; + margin: 0; + padding: 0; + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 0.5rem; + } + + .video-wrapper iframe { + width: 100%; + height: 100%; + border: none; + object-fit: cover; + } + + @media (max-width: 640px) { + .video-wrapper { + position: relative; + bottom: 0; + left: 0; + margin: 0 auto; + max-width: calc(100vw - 4rem); + height: 20rem; + } + }