From c64f3ea57283550c9bb8406a340c67ec9203d66c Mon Sep 17 00:00:00 2001 From: Yiran Duan Date: Wed, 13 Dec 2023 16:01:54 +0100 Subject: [PATCH] Watch page: Align sidebars with the watch wrapper (#1251) * watch page: Align the height of sidebars with the watch wrapper in case when the page size is wide but not high enough. No margin at the top of the sidebars (fixes #1249) * watch page: Align the height of streams-sidebar with the watch wrapper in case when the page size is wide but not high enough. --- web/template/watch.gohtml | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/web/template/watch.gohtml b/web/template/watch.gohtml index 422dbb9e4..ff8ef8b04 100644 --- a/web/template/watch.gohtml +++ b/web/template/watch.gohtml @@ -76,7 +76,7 @@
+ class="m-auto w-3/4 h-16/9 bg-white dark:bg-secondary-light border dark:border-gray-800 rounded-lg"> {{template "bookmarks-modal" $stream.ID}}
@@ -401,8 +401,8 @@
+ md:px-2 + lg:h-16/6 h-16/9 lg:order-none">
{{template "chat-component" .ChatData}}
@@ -413,7 +413,7 @@ {{if .IndexData.TUMLiveContext.User}} {{end}} @@ -422,7 +422,7 @@ {{if .IndexData.TUMLiveContext.User}}
+ class="order-4 z-20 basis-full px-5 md:px-2 lg:order-none lg:h-16/6 h-16/9"> {{template "playlist" $stream.ID}}
{{end}}