aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMiguel Ángel Moreno <mail@migalmoreno.com>2024-05-29 19:50:21 +0200
committerMiguel Ángel Moreno <mail@migalmoreno.com>2024-05-29 19:50:21 +0200
commita2003b0b0329b3bb50035b23bfbfcf256b41f200 (patch)
tree8c54050b857905e42a3215336ba4ef9f23d3c7ab
parent27b789de62f06f86b2624ecb0c59ce1674c6c2be (diff)
fix: fix queue item scroll into view
-rw-r--r--src/frontend/tubo/queue/views.cljs10
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]]]]))