near/airsonic-ui
1
0
Fork 0
mirror of https://github.com/heyarne/airsonic-ui.git synced 2026-05-07 02:33:39 +02:00
Code Issues Projects Releases Wiki Activity

Simplify audio player structure

Browse source
This commit is contained in:
Arne Schlüter 2019-01-23 11:44:35 +01:00
commit 7c47d59f18
2 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/cljs/airsonic_ui/components/audio_player/views.cljs
View file

@ -95,14 +95,13 @@
playlist @(subscribe [:audio/playlist]) playlist @(subscribe [:audio/playlist])
playback-status @(subscribe [:audio/playback-status]) playback-status @(subscribe [:audio/playback-status])
is-playing? @(subscribe [:audio/is-playing?])] is-playing? @(subscribe [:audio/is-playing?])]
[:nav.navbar.is-fixed-bottom.audio-player [:nav.audio-player
[:div.navbar-menu.is-active (if current-song
(if current-song ;; show song info, controls, progress bar, etc.
;; show song info, controls, progress bar, etc. [:section.audio-interaction
[:section.audio-interaction [playback-info current-song playback-status]
[playback-info current-song playback-status] [progress-indicators current-song playback-status]
[progress-indicators current-song playback-status] [playback-controls is-playing?]
[playback-controls is-playing?] [playback-mode-controls playlist]]
[playback-mode-controls playlist]] ;; not playing anything
;; not playing anything [:p.navbar-item.idle-notification "No audio playing"])]))
[:p.navbar-item.idle-notification "No audio playing"])]]))

13
src/sass/app.sass
View file

@ -18,18 +18,19 @@
+loader +loader
// bottom bar // bottom bar
.has-navbar-bottom .has-navbar-fixed-bottom
padding-bottom: 64px padding-bottom: 64px
.audio-player .audio-player
+navbar-fixed
bottom: 0
// first clear some of that navigation styling // first clear some of that navigation styling
background-color: $dark background-color: $dark
color: $light color: $dark-invert
min-height: 64px min-height: 64px
display: flex
.navbar-menu align-items: center
padding: 0
background-color: transparent
// now off to the contents // now off to the contents