diff options
| author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-12-03 11:20:05 +0100 |
|---|---|---|
| committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-12-03 11:20:05 +0100 |
| commit | f83ccc71b3a544ef43dd660e6787cbbe05ef09b3 (patch) | |
| tree | f2b056036ac6db14204d17257df8e94eded8b787 | |
| parent | 94c681724386f80aec76299f31f5523df3cc0b08 (diff) | |
feat: put popover menu button next to related items title
| -rw-r--r-- | src/frontend/tubo/stream/views.cljs | 13 |
1 files 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 |