diff options
| author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2023-08-27 22:42:06 +0200 |
|---|---|---|
| committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2023-08-27 23:39:47 +0200 |
| commit | 1a1d04ae1d7194d8f2d065efa5be6d1b8bbd321a (patch) | |
| tree | 36a892dff7d7f8bfdd2b37189fc4032c8366db02 | |
| parent | d195ef9ee0baf3581011ebcd5bb4e3b7fc3bfb6d (diff) | |
fix(frontend): Fix global player styles
| -rw-r--r-- | src/frontend/tubo/components/player.cljs | 10 | ||||
| -rw-r--r-- | src/frontend/tubo/views/stream.cljs | 2 |
2 files changed, 6 insertions, 6 deletions
diff --git a/src/frontend/tubo/components/player.cljs b/src/frontend/tubo/components/player.cljs index 427d212..430dd91 100644 --- a/src/frontend/tubo/components/player.cljs +++ b/src/frontend/tubo/components/player.cljs @@ -15,18 +15,18 @@ (let [{:keys [uploader-name uploader-url name stream url service-color]} @(rf/subscribe [:global-stream]) show-global-player? @(rf/subscribe [:show-global-player])] (when show-global-player? - [:div.sticky.bottom-0.z-50.bg-neutral-900.p-5.absolute.box-border.m-0 + [:div.sticky.bottom-0.z-50.bg-white.dark:bg-neutral-900.p-5.absolute.box-border.m-0 {:style {:borderColor service-color :borderTopWidth "2px" :borderStyle "solid"}} [:div.flex.items-center.justify-between - [:div.flex.flex-wrap.items-center + [:div.flex.items-center [:div.flex.flex-col - [:a.text-xs + [:a.text-xs.line-clamp-1 {:href (rfe/href :tubo.routes/stream nil {:url url})} name] - [:a.text-xs.text-gray-300 + [:a.text-xs.pt-2.text-neutral-600.dark:text-neutral-300 {:href (rfe/href :tubo.routes/channel nil {:url uploader-url})} uploader-name]] [:div.px-2.py-0.md:pt-4 [:audio {:src stream :ref #(reset! !player %) :loop @!loop?}]] - [:div.mx-2 + [:div.mx-2.flex [:button.focus:ring-transparent.mx-2 {:on-click (fn [] (swap! !loop? #(not %)))} [:i.fa-solid.fa-repeat diff --git a/src/frontend/tubo/views/stream.cljs b/src/frontend/tubo/views/stream.cljs index 0a41909..67dc246 100644 --- a/src/frontend/tubo/views/stream.cljs +++ b/src/frontend/tubo/views/stream.cljs @@ -37,7 +37,7 @@ "responsive" true "fill" true} content])] - [:div.px-4.ml:p-0 + [:div.px-4.ml:p-0.overflow-x-hidden [:div.flex.flex.w-full.mt-3 (when stream-format [:div.relative.flex.dark:bg-stone-800.flex-col.items-center.justify-center.z-10.mr-2.border.rounded.border-black |