From ed540859f6fd43cb4cbb17149d7ca166c27aacb7 Mon Sep 17 00:00:00 2001 From: Miguel Ángel Moreno Date: Mon, 29 Apr 2024 01:41:21 +0200 Subject: feat: improve video player styles --- src/backend/tubo/handler.clj | 2 +- src/frontend/tubo/views/stream.cljs | 9 ++++----- 2 files changed, 5 insertions(+), 6 deletions(-) (limited to 'src') diff --git a/src/backend/tubo/handler.clj b/src/backend/tubo/handler.clj index 021dfb6..4b37494 100644 --- a/src/backend/tubo/handler.clj +++ b/src/backend/tubo/handler.clj @@ -20,7 +20,7 @@ :content "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"}] [:title "Tubo"] [:link {:rel "icon" :type "image/png" :href "/icons/tubo.svg"}] - (hiccup/include-css "/styles/tubo.css")] + (hiccup/include-css "/styles/index.css")] [:body [:div#app] (hiccup/include-js "/js/main.js") diff --git a/src/frontend/tubo/views/stream.cljs b/src/frontend/tubo/views/stream.cljs index 0014a85..f2bb780 100644 --- a/src/frontend/tubo/views/stream.cljs +++ b/src/frontend/tubo/views/stream.cljs @@ -40,9 +40,9 @@ (when-not resolution (str " " averageBitrate "kbit/s")))}) available-streams)) - player-elements ["playToggle" "CurrentTimeDisplay" "progressControl" - "DurationDisplay" "volumePanel" "playbackRateMenuButton" - "QualitySelector" "fullscreenToggle"]] + player-elements ["PlayToggle" "ProgressControl" "VolumePanel" "CurrentTimeDisplay" + "TimeDivider" "DurationDisplay" "Spacer" "PlaybackRateMenuButton" + "QualitySelector" "FullscreenToggle"]] [layout/content-container [:div.flex.justify-center.relative {:class "h-[300px] md:h-[450px] lg:h-[600px]"} @@ -50,8 +50,7 @@ {:sources sources :poster thumbnail-url :controls true - :controlBar {:volumePanel {:inline false} - :children player-elements} + :controlBar {:children player-elements} :preload "metadata" :responsive true :fill true -- cgit v1.2.3