From 60e8994b136cd409a6120d2ba723097ee40a095b Mon Sep 17 00:00:00 2001 From: Miguel Ángel Moreno Date: Tue, 23 Jan 2024 21:11:19 +0100 Subject: feat(frontend): refine play queue view styles --- src/frontend/tubo/components/play_queue.cljs | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'src') diff --git a/src/frontend/tubo/components/play_queue.cljs b/src/frontend/tubo/components/play_queue.cljs index a6410b6..133cc9b 100644 --- a/src/frontend/tubo/components/play_queue.cljs +++ b/src/frontend/tubo/components/play_queue.cljs @@ -17,7 +17,7 @@ "#333333" "media.ccc.de" "#F2690D" "PeerTube" "#629aa9" "Bandcamp")] - [:div.flex.w-full.h-24.rounded.px-2.cursor-pointer.my-2 + [:div.flex.w-full.h-24.rounded.cursor-pointer.px-2.my-1 {:class (when (= i media-queue-pos) "bg-[#f0f0f0] dark:bg-stone-800") :on-click #(rf/dispatch [::events/change-media-queue-pos i])} [:div.w-56 @@ -47,17 +47,17 @@ [:div.fixed.flex.flex-col.items-center.px-5.py-2.min-w-full.w-full.z-30 {:style {:minHeight "calc(100dvh - 56px)" :height "calc(100dvh - 56px)"} :class "dark:bg-neutral-900/90 bg-white/90 backdrop-blur"} - [:div.flex.justify-between.pl-4.items-center.w-full.shrink-0 + [:div.flex.justify-between.items-center.w-full.shrink-0 {:class "lg:w-4/5 xl:w-3/5"} [:h1.text-2xl.font-bold.py-6 "Play Queue"] [:button.mx-2 [:i.fa-solid.fa-close {:on-click #(rf/dispatch [::events/toggle-media-queue])}]]] - [:div.flex.flex-col.sm:p-4.w-full.overflow-y-auto.flex-auto + [:div.flex.flex-col.pr-2.w-full.overflow-y-auto.flex-auto {:class "lg:w-4/5 xl:w-3/5"} (for [[i item] (map-indexed vector media-queue)] ^{:key i} [play-queue-item item media-queue-pos i])] - [:div.flex.flex-col.p-4.w-full.shrink-0 + [:div.flex.flex-col.py-4.w-full.shrink-0 {:class "lg:w-4/5 xl:w-3/5"} [:div.flex.flex-col.w-full.py-2 [:a.text-md.line-clamp-1 -- cgit v1.2.3