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

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

@ -95,8 +95,7 @@
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
@ -105,4 +104,4 @@
[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