From f83ccc71b3a544ef43dd660e6787cbbe05ef09b3 Mon Sep 17 00:00:00 2001 From: Miguel Ángel Moreno Date: Tue, 3 Dec 2024 11:20:05 +0100 Subject: feat: put popover menu button next to related items title --- src/frontend/tubo/stream/views.cljs | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/src/frontend/tubo/stream/views.cljs b/src/frontend/tubo/stream/views.cljs index b139945..a2ee754 100644 --- a/src/frontend/tubo/stream/views.cljs +++ b/src/frontend/tubo/stream/views.cljs @@ -107,7 +107,8 @@ service-color @(rf/subscribe [:service-color])] (when show? (if show-comments-loading - [layout/loading-icon service-color "text-2xl"] + [:div.h-44.flex.items-center + [layout/loading-icon service-color "text-2xl"]] (when (and show-comments comments-page) [comments/comments comments-page stream]))))) @@ -120,9 +121,8 @@ (when (and show? (seq related-streams)) [:div [:div.flex.flex-wrap.items-center.justify-between.mt-8.min-w-full - [:div.flex.gap-2.items-center - [:span.font-semibold.text-xl "Next Up"]] - [:div.flex.gap-x-4 + [:div.flex.gap-x-4.items-center + [:span.font-semibold.text-xl "Next Up"] [layout/popover-menu !menu-active? [{:label "Add to queue" :icon [:i.fa-solid.fa-headphones] @@ -133,8 +133,9 @@ :icon [:i.fa-solid.fa-plus] :on-click #(rf/dispatch [:modals/open [modals/add-to-bookmark - related-streams]])}]] - [items/layout-switcher !layout]] + related-streams]])}] + :menu-styles {:bottom "30px" :top nil :left "20px" :right nil}]] + [items/layout-switcher !layout] [items/related-streams related-streams nil !layout]]]))))) (defn stream -- cgit v1.2.3