diff options
author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-05-29 19:50:21 +0200 |
---|---|---|
committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-05-29 19:50:21 +0200 |
commit | a2003b0b0329b3bb50035b23bfbfcf256b41f200 (patch) | |
tree | 8c54050b857905e42a3215336ba4ef9f23d3c7ab | |
parent | 27b789de62f06f86b2624ecb0c59ce1674c6c2be (diff) |
fix: fix queue item scroll into view
-rw-r--r-- | src/frontend/tubo/queue/views.cljs | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/frontend/tubo/queue/views.cljs b/src/frontend/tubo/queue/views.cljs index 1ed032c..7d7c83b 100644 --- a/src/frontend/tubo/queue/views.cljs +++ b/src/frontend/tubo/queue/views.cljs @@ -54,11 +54,11 @@ :extra-classes [:px-7 :py-2]]])) (defn queue-item - [item queue-pos i bookmarks] + [item queue queue-pos i bookmarks] (let [!menu-active? (r/atom false)] - (fn [item queue-pos i bookmarks] + (fn [item queue queue-pos i bookmarks] [:div.relative.w-full - {:ref #(when (= queue-pos i) (rf/dispatch [:scroll-into-view %]))} + {:ref #(when (and queue (= queue-pos i)) (rf/dispatch [:scroll-into-view %]))} [item-metadata item queue-pos i] [popover item i !menu-active? bookmarks]]))) @@ -141,14 +141,14 @@ [:div.fixed.flex.flex-col.items-center.min-w-full.w-full.z-10.backdrop-blur {:class ["dark:bg-neutral-900/90" "bg-neutral-100/90" "min-h-[calc(100dvh-56px)]" "h-[calc(100dvh-56px)]" - (when-not show-queue "hidden") + (when-not show-queue "invisible") (if show-queue "opacity-1" "opacity-0")]} [layout/focus-overlay #(rf/dispatch [:queue/show false]) show-queue true] [:div.z-20.w-full.flex.flex-col.flex-auto.h-full.lg:pt-5 {:class ["lg:w-4/5" "xl:w-3/5"]} [:div.flex.flex-col.overflow-y-auto.flex-auto.gap-y-1 (for [[i item] (map-indexed vector queue)] - ^{:key i} [queue-item item queue-pos i bookmarks])] + ^{:key i} [queue-item item queue queue-pos i bookmarks])] [:div.flex.flex-col.py-4.shrink-0.px-5 [queue-metadata stream] [main-controls stream queue queue-pos]]]])) |