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

Improve player on mobile devices

Browse source
This commit is contained in:
Arne Schlüter 2018-08-29 14:30:07 +02:00
commit 161f85c2fc
3 changed files with 21 additions and 10 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

@ -59,7 +59,8 @@
[:div.level-left>article.media [:div.level-left>article.media
[:div.media-left [cover current-song 48]] [:div.media-left [cover current-song 48]]
[:div.media-content [current-song-info current-song playback-status]]] [:div.media-content [current-song-info current-song playback-status]]]
[:div.level-right [song-controls is-playing?]] [:div.level-right
[:div.level-right [playback-mode-controls playlist]]] [:div.buttons-start [song-controls is-playing?]]
[:div.buttons-end [playback-mode-controls playlist]]]]
;; not playing anything ;; not playing anything
[:p.has-text-light.navbar-item.idle-notification "Select a song to start playing"])]])) [:p.has-text-light.navbar-item.idle-notification "Select a song to start playing"])]]))

1
src/cljs/airsonic_ui/views.cljs
View file

@ -37,6 +37,7 @@
[:a.navbar-item {:href (url-for ::routes/library {:criteria "newest"})} "Newest additions"] [:a.navbar-item {:href (url-for ::routes/library {:criteria "newest"})} "Newest additions"]
[:a.navbar-item {:href (url-for ::routes/library {:criteria "starred"})} "Starred"]]] [:a.navbar-item {:href (url-for ::routes/library {:criteria "starred"})} "Starred"]]]
[:a.navbar-item {} "Podcasts"] [:a.navbar-item {} "Podcasts"]
[:a.navbar-item {} "Playlists"]
[:a.navbar-item {} "Shares"] [:a.navbar-item {} "Shares"]
[:div.navbar-item.has-dropdown.is-hoverable [:div.navbar-item.has-dropdown.is-hoverable
[:div.navbar-link "More"] [:div.navbar-link "More"]

25
src/sass/app.sass
View file

@ -30,10 +30,9 @@
// bottom bar // bottom bar
.audio-player .audio-player
background: $dark
color: $light
.navbar-menu .navbar-menu
color: $light
background: $dark
align-items: center align-items: center
.audio-interaction .audio-interaction
@ -42,12 +41,22 @@
.level-left .level-left
flex-grow: 1 flex-grow: 1
flex-shrink: 0 flex-shrink: 0
.level-right .level-right
flex-grow: 0 display: flex
flex-shrink: 1
padding-left: .5rem .buttons-start,
padding-left: .5rem .buttons-end
padding-right: .5rem margin: 0 .5rem
=tablet
flex-grow: 0
flex-shrink: 1
padding-left: .5rem
padding-right: .5rem
.buttons-start
margin-left: .75rem
.media .media
flex-grow: 1 flex-grow: 1